andros/pattern-7-1-lite-with-split-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Create README.md

Browse Source
This commit is contained in:
Andros Fenollosa 2022-12-15 13:41:47 +01:00 committed by GitHub
parent 5b5cf0b220
commit a85b9d4854
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 47 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
README.md Normal file
View File

@ -0,0 +1,47 @@
# Pattern Template 7-1 Lite version with Split Media
An extraordinarily neat architecture that any Web Designer can understand at a glance. Structure with the help of SASS and media queries.
``` txt
sass/
|
|– mobile/
| |– _header.sass
| |– _footer.sass
| |– pages/
| | |– _home.sass
| | |– _contact.sass
| | ...
|– desktop/
| |– _header.sass
| |– _footer.sass
| |– pages/
| | |– _home.sass
| | |– _contact.sass
| | ...
|– _base.sass
|– _mixins.sass
|– _typography.sass
|– _variables.sass
|– vendors/
| |– _bootstrap.sass
| |– _jquery-ui.sass
| ...
`– mobile.sass
`– desktop.sass
```
# Compile SASS.
## Install
``` bash
yarn global add node-sass
```
## Run
``` bash
node-sass --output-style compressed sass/mobile.sass css/mobile.css
node-sass --output-style compressed sass/desktop.sass css/desktop.css
```