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