2018-11-07 07:31:59 +01:00
Pattern Template 7-1 Lite version, an extraordinarily neat architecture that any Web Designer can understand at a glance. Structure with the help of SASS.
2018-11-07 07:33:49 +01:00
``` txt
sass/
|
|– _base.sass
|– _header.sass
|– _footer.sass
|– _mixins.sass
|– _typography.sass
|– _variables.sass
|– pages/
| |– _home.sass
| |– _contact.sass
| ...
|– vendors/
2023-01-02 10:40:53 +01:00
| |– _normalize.sass
| |– _owl-carousel.sass
2018-11-07 07:33:49 +01:00
| ...
`– main.sass
```
2018-11-07 07:31:59 +01:00
# Compile SASS.
## Install
``` bash
yarn global add node-sass
```
## Run
``` bash
2019-02-12 12:55:34 +01:00
node-sass --output-style compressed sass/main.sass css/main.css
2018-11-07 07:31:59 +01:00
```
## Watch: Autocompile if it detects changes
``` bash
2019-02-12 12:55:34 +01:00
node-sass --watch --source-map true --output-style compressed sass/main.sass css/main.css
2018-11-07 07:31:59 +01:00
```