_assets/styles/objects/_container.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

.o-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--grid-margin);
    padding-right: var(--grid-margin);
}
Consistency in comments, names and structure; simplify some stuff, remove and add things, tweak stuff for how we work with design Still some work has to be done while testing like for layouts. 2017-02-08 11:43:28 -05:00			`// ==========================================================================`
			`// 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`
Refactored Sass Merged SCSS from various recent projects and implemented some of the latest features from InuitCSS. When using the SCSS structure in your own project, modify the ‘settings/config*.scss’ files and leave ‘settings/core.scss’ intact. Changes: - Updated Normalize to 5.0.0; - Migrated imports to ‘main.scss’; - Split ‘settings.scss’ into smaller parts; - Revised variable names for settings; - Added spacing unit variables; - Replaced ‘objects/grid.scss’ with ‘objects/layout.scss’ (from inuitcss); - Added ‘objects/crop.scss’ and ‘objects/ratio.scss’ (from inuitcss); - Added @font-face mixin/function from Bourbon; - Added various new functions and mixins (widths, font-size, truncation,…); - Renamed Trumps to Utilities; - Added vatious new Utilities (print, states, spacing, widths); - Reorganized Utilities into topics; 2016-12-18 15:45:44 -05:00
Prefix and rem all the things :astonished: :fist: 2015-11-16 17:28:51 -05:00			`.o-container {`
Fix alignment 2017-04-27 16:00:45 -04:00			`margin-right: auto;`
			`margin-left: auto;`
Remove container width; replace with padding 2023-02-09 10:18:47 -05:00			`padding-left: var(--grid-margin);`
			`padding-right: var(--grid-margin);`
Change structure/import order of the SCSS to properly follow ITCSS. Add layer description to README. We were doing it wrong. 2015-02-15 15:44:11 -05:00			`}`