mirror of
https://github.com/scratchfoundation/scratchx.git
synced 2024-12-11 00:31:01 -05:00
25 lines
596 B
SCSS
25 lines
596 B
SCSS
@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...);
|
|
}
|