mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
Adding variables for container sizes
This commit is contained in:
parent
2b088ef44e
commit
6fda25b4c1
2 changed files with 16 additions and 3 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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
|
||||
// --------------------------------------------------
|
||||
|
||||
|
|
Loading…
Reference in a new issue