_padding.scss 598 B

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