cv-website

Personal website and CV
git clone https://git.in0rdr.ch/cv-website.git
Log | Files | Refs | Pull requests | README | LICENSE

_margin.scss (594B)


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