mirror of
https://github.com/primer/css.git
synced 2024-12-29 17:12:27 +03:00
34 lines
701 B
SCSS
34 lines
701 B
SCSS
|
// Fixed-width, centered column for site content.
|
||
|
|
// This will be deprecated and replaced with container-lg in future
|
||
|
|
.container {
|
||
|
|
width: $container-width;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto;
|
||
|
|
@include clearfix;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Handy container styles that match our breakpoints
|
||
|
|
// 768px
|
||
|
|
.container-md {
|
||
|
|
max-width: $container-md;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto;
|
||
|
|
@include clearfix;
|
||
|
|
}
|
||
|
|
|
||
|
|
// 1004px - this matches the current fixed width: 980px + padding: px-3
|
||
|
|
.container-lg {
|
||
|
|
max-width: $container-lg;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto;
|
||
|
|
@include clearfix;
|
||
|
|
}
|
||
|
|
|
||
|
|
// 1280px
|
||
|
|
.container-xl {
|
||
|
|
max-width: $container-xl;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto;
|
||
|
|
@include clearfix;
|
||
|
|
}
|