winter/modules/system/assets/ui/less/site.variables.less
2015-05-26 18:55:39 +10:00

27 lines
777 B
Plaintext

//== Grid system
//
//## Define your custom responsive grid.
@grid-columns: 12;
@grid-gutter-width: 30px;
// Navbar collapse
@grid-float-breakpoint: @screen-sm-min;
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
//== Container sizes
//
//## Define the maximum width of `.container` for different screen sizes.
// Small screen / tablet
@container-tablet: (720px + @grid-gutter-width);
@container-sm: @container-tablet;
// Medium screen / desktop
@container-desktop: (940px + @grid-gutter-width);
@container-md: @container-desktop;
// Large screen / wide desktop
@container-large-desktop: (1140px + @grid-gutter-width);
@container-lg: @container-large-desktop;