X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Fbourbon%2Fbourbon%2Flibrary%2F_padding.scss;fp=assets%2Fsass%2Fbourbon%2Fbourbon%2Flibrary%2F_padding.scss;h=7d401bb7d4812f9bcb50d13e46ee1818e2ff419f;hb=2d3ca553a3d3345ec8ecdf0faedc6924cd0e2f5d;hp=0000000000000000000000000000000000000000;hpb=2ae9d02fd007f6d0bab6576f8f26d66570358605;p=theme-danix.xyz.git diff --git a/assets/sass/bourbon/bourbon/library/_padding.scss b/assets/sass/bourbon/bourbon/library/_padding.scss new file mode 100644 index 0000000..7d401bb --- /dev/null +++ b/assets/sass/bourbon/bourbon/library/_padding.scss @@ -0,0 +1,36 @@ +@charset "UTF-8"; + +/// Provides a concise method for targeting `padding` on specific sides of a +/// box. Use a `null` value to “skip” a side. +/// +/// @argument {list} $values +/// List of padding values; accepts CSS shorthand. +/// +/// @example scss +/// .element-one { +/// @include padding(null 1rem); +/// } +/// +/// // CSS Output +/// .element-one { +/// padding-left: 1rem; +/// padding-right: 1rem; +/// } +/// +/// @example scss +/// .element-two { +/// @include padding(10vh null 10px 5%); +/// } +/// +/// // CSS Output +/// .element-two { +/// padding-bottom: 10px; +/// padding-left: 5%; +/// padding-top: 10vh; +/// } +/// +/// @require {mixin} _directional-property + +@mixin padding($values) { + @include _directional-property(padding, null, $values); +}