src/wolnelektury/static/2022/styles/utils/bourbon/library/_padding.scss

   1 @charset "UTF-8";
   2
   3 /// Provides a concise method for targeting `padding` on specific sides of a
   4 /// box. Use a `null` value to “skip” a side.
   5 ///
   6 /// @argument {list} $values
   7 ///   List of padding values; accepts CSS shorthand.
   8 ///
   9 /// @example scss
  10 ///   .element-one {
  11 ///     @include padding(null 1rem);
  12 ///   }
  13 ///
  14 ///   // CSS Output
  15 ///   .element-one {
  16 ///     padding-left: 1rem;
  17 ///     padding-right: 1rem;
  18 ///   }
  19 ///
  20 /// @example scss
  21 ///   .element-two {
  22 ///     @include padding(10vh null 10px 5%);
  23 ///   }
  24 ///
  25 ///   // CSS Output
  26 ///   .element-two {
  27 ///     padding-bottom: 10px;
  28 ///     padding-left: 5%;
  29 ///     padding-top: 10vh;
  30 ///   }
  31 ///
  32 /// @require {mixin} _directional-property
  33
  34 @mixin padding($values) {
  35   @include _directional-property(padding, null, $values);
  36 }