using screen-size variables for grids
This commit is contained in:
parent
7cbb1c0452
commit
2b088ef44e
|
@ -39,21 +39,21 @@
|
|||
// Responsive: Tablets and up
|
||||
@media screen and (min-width: @screen-tablet) {
|
||||
.container {
|
||||
max-width: 728px;
|
||||
max-width: (@screen-tablet - 40);
|
||||
}
|
||||
}
|
||||
|
||||
// Responsive: Desktops and up
|
||||
@media screen and (min-width: @screen-desktop) {
|
||||
.container {
|
||||
max-width: 940px;
|
||||
max-width: (@screen-desktop - 52);
|
||||
}
|
||||
}
|
||||
|
||||
// Responsive: Large desktops and up
|
||||
@media screen and (min-width: @screen-large-desktop) {
|
||||
.container {
|
||||
max-width: 1170px;
|
||||
max-width: (@screen-large-desktop - @grid-gutter-width);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue