mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-18 10:52:19 +01:00
Adding variables for container sizes
This commit is contained in:
parent
2b088ef44e
commit
6fda25b4c1
@ -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…
x
Reference in New Issue
Block a user