mirror of
https://github.com/primer/css.git
synced 2024-11-23 20:38:58 +03:00
31 lines
638 B
SCSS
31 lines
638 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;
|
||
|
|
}
|
||
|
|
|
||
|
|
// 1004px - this matches the current fixed width: 980px + padding: px-3
|
||
|
|
.container-lg {
|
||
|
|
max-width: $container-lg;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
// 1280px
|
||
|
|
.container-xl {
|
||
|
|
max-width: $container-xl;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto;
|
||
|
|
}
|