You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
653 B
27 lines
653 B
8 years ago
|
@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...);
|
||
|
}
|