myheats-website

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

_padding.scss (598B)


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