28 lines
853 B
SCSS
28 lines
853 B
SCSS
// ==========================================================================
|
|
// Objects / Container
|
|
// ==========================================================================
|
|
|
|
//
|
|
// Page-level constraining and wrapping elements.
|
|
//
|
|
// > In programming languages the word *container* is generally used for structures
|
|
// that can contain more than one element.
|
|
// > A *wrapper* instead is something that wraps around a single object to provide
|
|
// more functionalities and interfaces to it.
|
|
// @link http://stackoverflow.com/a/13202141/140357
|
|
//
|
|
|
|
/* stylelint-disable */
|
|
@if (type-of($container-width) != number) {
|
|
@error "`#{$container-width}` needs to be a number."
|
|
}
|
|
/* stylelint-enable */
|
|
|
|
.o-container {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding-right: $padding;
|
|
padding-left: $padding;
|
|
max-width: $container-width;
|
|
}
|