_border-width.scss 596 B

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