kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

Adding variables for container sizes

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
less/grid.less
View file

@ -39,21 +39,21 @@
// Responsive: Tablets and up // Responsive: Tablets and up
@media screen and (min-width: @screen-tablet) { @media screen and (min-width: @screen-tablet) {
.container { .container {
max-width: (@screen-tablet - 40); max-width: @container-tablet;
} }
} }
// Responsive: Desktops and up // Responsive: Desktops and up
@media screen and (min-width: @screen-desktop) { @media screen and (min-width: @screen-desktop) {
.container { .container {
max-width: (@screen-desktop - 52); max-width: @container-desktop;
} }
} }
// Responsive: Large desktops and up // Responsive: Large desktops and up
@media screen and (min-width: @screen-large-desktop) { @media screen and (min-width: @screen-large-desktop) {
.container { .container {
max-width: (@screen-large-desktop - @grid-gutter-width); max-width: @container-large-desktop;
} }
} }

13
less/variables.less
View file

@ -405,6 +405,19 @@
@screen-large-desktop: @screen-large; @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 // Grid system
// -------------------------------------------------- // --------------------------------------------------