summaryrefslogtreecommitdiff
path: root/_sass/bourbon/addons/_border-width.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/_border-width.scss
Commit inicialHEADmaster
Diffstat (limited to '_sass/bourbon/addons/_border-width.scss')
-rw-r--r--_sass/bourbon/addons/_border-width.scss25
1 files changed, 25 insertions, 0 deletions
diff --git a/_sass/bourbon/addons/_border-width.scss b/_sass/bourbon/addons/_border-width.scss
new file mode 100644
index 0000000..0ea2d4b
--- /dev/null
+++ b/_sass/bourbon/addons/_border-width.scss
@@ -0,0 +1,25 @@
+@charset "UTF-8";
+
+/// Provides a quick method for targeting `border-width` 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 border-width(1em null 20px);
+/// }
+///
+/// @example css - CSS Output
+/// .element {
+/// border-bottom-width: 20px;
+/// border-top-width: 1em;
+/// }
+///
+/// @require {mixin} directional-property
+///
+/// @output `border-width`
+
+@mixin border-width($vals...) {
+ @include directional-property(border, width, $vals...);
+}