myheats-website

Website for myheats
git clone https://git.in0rdr.ch/myheats-website.git
Log | Files | Refs | Pull requests | README | LICENSE

_border-width.scss (596B)


      1 @charset "UTF-8";
      2 
      3 /// Provides a quick method for targeting `border-width` 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-width(1em null 20px);
     11 ///   }
     12 ///
     13 /// @example css - CSS Output
     14 ///   .element {
     15 ///     border-bottom-width: 20px;
     16 ///     border-top-width: 1em;
     17 ///   }
     18 ///
     19 /// @require {mixin} directional-property
     20 ///
     21 /// @output `border-width`
     22 
     23 @mixin border-width($vals...) {
     24   @include directional-property(border, width, $vals...);
     25 }