andros/pattern-7-1-lite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Architecture to organize your CSS files. If the site is small perhaps it is not necessary to divide it with so much effort. That's why I propose you an optional and trimmed version that I always use when doing a quick job (a week or less).
3 Commits 1 Branch 0 Tags 41 KiB
Sass 100%
48ea8e049e
Go to file
Andros Fenollosa 48ea8e049e Add scheme
2018-11-07 07:33:49 +01:00
resources/sass First commit 2018-11-07 07:31:59 +01:00
index.html First commit 2018-11-07 07:31:59 +01:00
LICENSE Initial commit 2018-11-07 07:21:19 +01:00
README.md Add scheme 2018-11-07 07:33:49 +01:00

README.md

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.

sass/                    
|
|– _base.sass            
|– _header.sass          
|– _footer.sass          
|– _mixins.sass          
|– _typography.sass      
|– _variables.sass       
|– pages/                
|   |– _home.sass        
|   |– _contact.sass     
|   ...                  
|– vendors/              
|   |– _bootstrap.sass   
|   |– _jquery-ui.sass   
|   ...                  
`– main.sass

Compile SASS.

Install

yarn global add node-sass

Run

node-sass --output-style compressed resources/sass/main.sass css/main.css

Watch: Autocompile if it detects changes

node-sass --watch --source-map true --output-style compressed resources/sass/main.sass css/main.css