X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Fbourbon%2Fbourbon%2Flibrary%2F_margin.scss;fp=assets%2Fsass%2Fbourbon%2Fbourbon%2Flibrary%2F_margin.scss;h=29fa7abbb8a61b56653136f00a53cd544b9a74e3;hb=2d3ca553a3d3345ec8ecdf0faedc6924cd0e2f5d;hp=0000000000000000000000000000000000000000;hpb=2ae9d02fd007f6d0bab6576f8f26d66570358605;p=theme-danix.xyz.git diff --git a/assets/sass/bourbon/bourbon/library/_margin.scss b/assets/sass/bourbon/bourbon/library/_margin.scss new file mode 100644 index 0000000..29fa7ab --- /dev/null +++ b/assets/sass/bourbon/bourbon/library/_margin.scss @@ -0,0 +1,37 @@ +@charset "UTF-8"; + +/// Provides a concise, one-line method for setting `margin` on specific edges +/// of a box. Use a `null` value to “skip” edges of the box with standard +/// CSS shorthand. +/// +/// @argument {list} $values +/// List of margin values; accepts CSS shorthand. +/// +/// @example scss +/// .element { +/// @include margin(null auto); +/// } +/// +/// // CSS Output +/// .element { +/// margin-left: auto; +/// margin-right: auto; +/// } +/// +/// @example scss +/// .element { +/// @include margin(10px 3em 20vh null); +/// } +/// +/// // CSS Output +/// .element { +/// margin-bottom: 20vh; +/// margin-right: 3em; +/// margin-top: 10px; +/// } +/// +/// @require {mixin} _directional-property + +@mixin margin($values) { + @include _directional-property(margin, null, $values); +}