p0c-website

Proof of concepts for fun and profit
git clone https://git.in0rdr.ch/p0c-website.git
Log | Files | Refs | Pull requests |Archive | README | LICENSE

_border-color.scss (653B)


      1 @charset "UTF-8";
      2 
      3 /// Provides a quick method for targeting `border-color` on specific sides of a box. Use a `null` value to “skip” a side.
      4 ///
      5 /// @param {Arglist} $vals
      6 ///   List of arguments
      7 ///
      8 /// @example scss - Usage
      9 ///   .element {
     10 ///     @include border-color(#a60b55 #76cd9c null #e8ae1a);
     11 ///   }
     12 ///
     13 /// @example css - CSS Output
     14 ///   .element {
     15 ///     border-left-color: #e8ae1a;
     16 ///     border-right-color: #76cd9c;
     17 ///     border-top-color: #a60b55;
     18 ///   }
     19 ///
     20 /// @require {mixin} directional-property
     21 ///
     22 /// @output `border-color`
     23 
     24 @mixin border-color($vals...) {
     25   @include directional-property(border, color, $vals...);
     26 }