diff options
Diffstat (limited to 'debian/missing-sources/bourbon-neat/app/assets/stylesheets/grid/_outer-container.scss')
-rw-r--r-- | debian/missing-sources/bourbon-neat/app/assets/stylesheets/grid/_outer-container.scss | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/debian/missing-sources/bourbon-neat/app/assets/stylesheets/grid/_outer-container.scss b/debian/missing-sources/bourbon-neat/app/assets/stylesheets/grid/_outer-container.scss new file mode 100644 index 0000000..d3f6267 --- /dev/null +++ b/debian/missing-sources/bourbon-neat/app/assets/stylesheets/grid/_outer-container.scss @@ -0,0 +1,34 @@ +@charset "UTF-8"; + +/// Makes an element a outer container by centering it in the viewport, clearing its floats, and setting its `max-width`. +/// Although optional, using `outer-container` is recommended. The mixin can be called on more than one element per page, as long as they are not nested. +/// +/// @param {Number [unit]} $local-max-width [$max-width] +/// Max width to be applied to the element. Can be a percentage or a measure. +/// +/// @example scss - Usage +/// .element { +/// @include outer-container(100%); +/// } +/// +/// @example css - CSS Output +/// .element { +/// max-width: 100%; +/// margin-left: auto; +/// margin-right: auto; +/// } +/// +/// .element::after { +/// clear: both; +/// content: ""; +/// display: table; +/// } + +@mixin outer-container($local-max-width: $max-width) { + @include clearfix; + max-width: $local-max-width; + margin: { + left: auto; + right: auto; + } +} |