zachacole/Simple-Grid
1
1
Fork 0
mirror of https://github.com/zachacole/Simple-Grid.git synced 2024-07-07 11:06:21 +03:00
Code Issues Projects Releases Wiki Activity

nested media queries

Browse Source
This commit is contained in:
Zach Cole 2016-05-19 16:20:09 -07:00
parent 332e682e2c
commit 6bc7a0883f
1 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
simple-grid.scss
View File

@ -112,6 +112,15 @@ $breakpoint-large: 60em; // 960px
width: 90%;
margin-left: auto;
margin-right: auto;
@media only screen and (min-width: $breakpoint-small) {
width: 80%;
}
@media only screen and (min-width: $breakpoint-large) {
width: 75%;
max-width: 60rem;
}
}
.row {
@ -159,12 +168,6 @@ $breakpoint-large: 60em; // 960px
.col-11-sm { width: ($width / (12 / 11)) - ($gutter * 1 / 12); }
.col-12-sm { width: $width; }
@media only screen and (min-width: $breakpoint-small) {
.container {
width: 80%;
}
}
@media only screen and (min-width: $breakpoint-med) {
.col-1 { width:($width / 12) - ($gutter * 11 / 12); }
.col-2 { width: ($width / 6) - ($gutter * 10 / 12); }
@ -183,10 +186,3 @@ $breakpoint-large: 60em; // 960px
display: block;
}
}
@media only screen and (min-width: $breakpoint-large) {
.container {
width: 75%;
max-width: 60rem;
}
}