Experimental book page layout.

[wolnelektury.git] / src / wolnelektury / static / 2021 / css / utils / bourbon / library / _padding.scss

diff --git a/src/wolnelektury/static/2021/css/utils/bourbon/library/_padding.scss b/src/wolnelektury/static/2021/css/utils/bourbon/library/_padding.scss
new file mode 100644 (file)
index 0000000..7d401bb
--- /dev/null
+++ b/src/wolnelektury/static/2021/css/utils/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);
+}