1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 | .word-normal { word-break: normal; }
|
16 | .word-wrap { word-break: break-all; }
|
17 | .word-nowrap { word-break: keep-all; }
|
18 |
|
19 | @media (--breakpoint-not-small) {
|
20 | .word-normal-ns { word-break: normal; }
|
21 | .word-wrap-ns { word-break: break-all; }
|
22 | .word-nowrap-ns { word-break: keep-all; }
|
23 | }
|
24 |
|
25 | @media (--breakpoint-medium) {
|
26 | .word-normal-m { word-break: normal; }
|
27 | .word-wrap-m { word-break: break-all; }
|
28 | .word-nowrap-m { word-break: keep-all; }
|
29 | }
|
30 |
|
31 | @media (--breakpoint-large) {
|
32 | .word-normal-l { word-break: normal; }
|
33 | .word-wrap-l { word-break: break-all; }
|
34 | .word-nowrap-l { word-break: keep-all; }
|
35 | }
|
36 |
|