summaryrefslogtreecommitdiff
path: root/_sass/bourbon/addons/_padding.scss
diff options
context:
space:
mode:
Diffstat (limited to '_sass/bourbon/addons/_padding.scss')
-rw-r--r--_sass/bourbon/addons/_padding.scss26
1 files changed, 26 insertions, 0 deletions
diff --git a/_sass/bourbon/addons/_padding.scss b/_sass/bourbon/addons/_padding.scss
new file mode 100644
index 0000000..40a5f00
--- /dev/null
+++ b/_sass/bourbon/addons/_padding.scss
@@ -0,0 +1,26 @@
+@charset "UTF-8";
+
+/// Provides a quick method for targeting `padding` on specific sides of a box. Use a `null` value to “skip” a side.
+///
+/// @param {Arglist} $vals
+/// List of arguments
+///
+/// @example scss - Usage
+/// .element {
+/// @include padding(12vh null 10px 5%);
+/// }
+///
+/// @example css - CSS Output
+/// .element {
+/// padding-bottom: 10px;
+/// padding-left: 5%;
+/// padding-top: 12vh;
+/// }
+///
+/// @require {mixin} directional-property
+///
+/// @output `padding`
+
+@mixin padding($vals...) {
+ @include directional-property(padding, false, $vals...);
+}