summaryrefslogtreecommitdiff
path: root/_sass/bourbon/addons/_margin.scss
diff options
context:
space:
mode:
authorHombreLaser <sebastian-440@live.com>2024-02-08 16:36:31 -0600
committerHombreLaser <sebastian-440@live.com>2024-02-08 16:36:31 -0600
commite182245d3205d929881f51da9b48d6c4ed97a682 (patch)
treed390e8754dec70a9c9293afb801321b96f043c15 /_sass/bourbon/addons/_margin.scss
Commit inicialHEADmaster
Diffstat (limited to '_sass/bourbon/addons/_margin.scss')
-rw-r--r--_sass/bourbon/addons/_margin.scss26
1 files changed, 26 insertions, 0 deletions
diff --git a/_sass/bourbon/addons/_margin.scss b/_sass/bourbon/addons/_margin.scss
new file mode 100644
index 0000000..674f4e5
--- /dev/null
+++ b/_sass/bourbon/addons/_margin.scss
@@ -0,0 +1,26 @@
+@charset "UTF-8";
+
+/// Provides a quick method for targeting `margin` 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 margin(null 10px 3em 20vh);
+/// }
+///
+/// @example css - CSS Output
+/// .element {
+/// margin-bottom: 3em;
+/// margin-left: 20vh;
+/// margin-right: 10px;
+/// }
+///
+/// @require {mixin} directional-property
+///
+/// @output `margin`
+
+@mixin margin($vals...) {
+ @include directional-property(margin, false, $vals...);
+}