summaryrefslogtreecommitdiff
path: root/_sass/bourbon/addons/_border-color.scss
diff options
context:
space:
mode:
Diffstat (limited to '_sass/bourbon/addons/_border-color.scss')
-rw-r--r--_sass/bourbon/addons/_border-color.scss26
1 files changed, 26 insertions, 0 deletions
diff --git a/_sass/bourbon/addons/_border-color.scss b/_sass/bourbon/addons/_border-color.scss
new file mode 100644
index 0000000..6f6ab36
--- /dev/null
+++ b/_sass/bourbon/addons/_border-color.scss
@@ -0,0 +1,26 @@
+@charset "UTF-8";
+
+/// Provides a quick method for targeting `border-color` 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-color(#a60b55 #76cd9c null #e8ae1a);
+/// }
+///
+/// @example css - CSS Output
+/// .element {
+/// border-left-color: #e8ae1a;
+/// border-right-color: #76cd9c;
+/// border-top-color: #a60b55;
+/// }
+///
+/// @require {mixin} directional-property
+///
+/// @output `border-color`
+
+@mixin border-color($vals...) {
+ @include directional-property(border, color, $vals...);
+}