_word-wrap.scss 597 B

1234567891011121314151617181920212223242526272829
  1. @charset "UTF-8";
  2. /// Provides an easy way to change the `word-wrap` property.
  3. ///
  4. /// @param {String} $wrap [break-word]
  5. /// Value for the `word-break` property.
  6. ///
  7. /// @example scss - Usage
  8. /// .wrapper {
  9. /// @include word-wrap(break-word);
  10. /// }
  11. ///
  12. /// @example css - CSS Output
  13. /// .wrapper {
  14. /// overflow-wrap: break-word;
  15. /// word-break: break-all;
  16. /// word-wrap: break-word;
  17. /// }
  18. @mixin word-wrap($wrap: break-word) {
  19. overflow-wrap: $wrap;
  20. word-wrap: $wrap;
  21. @if $wrap == break-word {
  22. word-break: break-all;
  23. } @else {
  24. word-break: $wrap;
  25. }
  26. }