1
1
mirror of https://github.com/primer/css.git synced 2024-12-29 00:58:31 +03:00
css/packages/primer-layout/lib/container.scss
2017-05-11 16:12:29 -04:00

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;
}