summaryrefslogtreecommitdiffstats
path: root/debian/missing-sources/bourbon-neat/app/assets/stylesheets/grid/_outer-container.scss
diff options
context:
space:
mode:
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.scss34
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;
+ }
+}