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).
7 Commits 1 Branch 0 Tags 41 KiB
Sass 100%
c99d12c25f
Go to file
Andros Fenollosa c99d12c25f
Delete index.html
2019-02-21 17:22:04 +01:00
sass Update main.sass 2019-02-21 16:31:50 +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