Adding variables for container sizes

This commit is contained in:
Aristeides Stathopoulos 2013-05-27 23:00:39 +03:00
parent 2b088ef44e
commit 6fda25b4c1
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: (@screen-tablet - 40);
max-width: @container-tablet;
}
}
// Responsive: Desktops and up
@media screen and (min-width: @screen-desktop) {
.container {
max-width: (@screen-desktop - 52);
max-width: @container-desktop;
}
}
// Responsive: Large desktops and up
@media screen and (min-width: @screen-large-desktop) {
.container {
max-width: (@screen-large-desktop - @grid-gutter-width);
max-width: @container-large-desktop;
}
}

View File

@ -405,6 +405,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
// --------------------------------------------------