diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-15 17:56:52 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-15 17:56:52 +0000 |
commit | 087bd1b14d5e1f45f60b1ffa64ca318c23b7c6ea (patch) | |
tree | d4139abfdd8c50b4b0ac84d876808a2f525dc958 /debian/missing-sources/bourbon-neat/app/assets/stylesheets/grid/_outer-container.scss | |
parent | Adding upstream version 2.0.0+dfsg. (diff) | |
download | sphinx-rtd-theme-debian.tar.xz sphinx-rtd-theme-debian.zip |
Adding debian version 2.0.0+dfsg-1.debian/2.0.0+dfsg-1debian
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
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; + } +} |