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).
5 Commits 1 Branch 0 Tags 41 KiB
Sass 100%
acb6727218
Go to file
Andros Fenollosa acb6727218
Delete _normalize.css
2019-02-21 16:26:16 +01:00
sass Delete _normalize.css 2019-02-21 16:26:16 +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 Move folder 2019-02-12 12:55:34 +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 sass/main.sass css/main.css

Watch: Autocompile if it detects changes

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