_border-style.scss 604 B

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