Merge pull request #8006 from aristath/3.0.0-wip

using screen-size variables for grids
This commit is contained in:
Mark Otto 2013-06-02 11:58:30 -07:00
commit b62fa23d9a
2 changed files with 16 additions and 3 deletions

View File

@ -39,21 +39,21 @@
// Responsive: Tablets and up
@media screen and (min-width: @screen-tablet) {
.container {
max-width: 728px;
max-width: @container-tablet;
}
}
// Responsive: Desktops and up
@media screen and (min-width: @screen-desktop) {
.container {
max-width: 940px;
max-width: @container-desktop;
}
}
// Responsive: Large desktops and up
@media screen and (min-width: @screen-large-desktop) {
.container {
max-width: 1170px;
max-width: @container-large-desktop;
}
}

View File

@ -403,6 +403,19 @@
@screen-large-desktop: @screen-large;
// Container sizes
// --------------------------------------------------
// Small screen / tablet
@container-tablet: 728px;
// Medium screen / desktop
@container-desktop: 940px;
// Large screen / wide desktop
@container-large-desktop: 1170px;
// Grid system
// --------------------------------------------------