You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
597 B
30 lines
597 B
7 years ago
|
@charset "UTF-8";
|
||
|
|
|
||
|
|
/// Provides an easy way to change the `word-wrap` property.
|
||
|
|
///
|
||
|
|
/// @param {String} $wrap [break-word]
|
||
|
|
/// Value for the `word-break` property.
|
||
|
|
///
|
||
|
|
/// @example scss - Usage
|
||
|
|
/// .wrapper {
|
||
|
|
/// @include word-wrap(break-word);
|
||
|
|
/// }
|
||
|
|
///
|
||
|
|
/// @example css - CSS Output
|
||
|
|
/// .wrapper {
|
||
|
|
/// overflow-wrap: break-word;
|
||
|
|
/// word-break: break-all;
|
||
|
|
/// word-wrap: break-word;
|
||
|
|
/// }
|
||
|
|
|
||
|
|
@mixin word-wrap($wrap: break-word) {
|
||
|
|
overflow-wrap: $wrap;
|
||
|
|
word-wrap: $wrap;
|
||
|
|
|
||
|
|
@if $wrap == break-word {
|
||
|
|
word-break: break-all;
|
||
|
|
} @else {
|
||
|
|
word-break: $wrap;
|
||
|
|
}
|
||
|
|
}
|