_margin.scss 594 B

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