1 | /**
|
2 | * Overflow utilities.
|
3 | *
|
4 | * naming convention: gl-overflow-{property-value} |
|
5 | * gl-overflow-x-{property-value} | gl-overflow-y-{property-value}
|
6 | */
|
7 | @mixin gl-overflow-hidden {
|
8 | overflow: hidden;
|
9 | }
|
10 |
|
11 | @mixin gl-overflow-x-auto {
|
12 | overflow-x: auto;
|
13 | }
|
14 |
|
15 | @mixin gl-overflow-y-auto {
|
16 | overflow-y: auto;
|
17 | }
|
18 |
|
19 | @mixin gl-overflow-x-hidden {
|
20 | overflow-x: hidden;
|
21 | }
|
22 |
|
23 | @mixin gl-overflow-wrap-break {
|
24 | overflow-wrap: break-word;
|
25 | }
|
26 |
|
27 | @mixin gl-overflow-scroll {
|
28 | overflow: scroll;
|
29 | }
|
30 |
|
31 | @mixin gl-overflow-auto {
|
32 | overflow: auto;
|
33 | }
|
34 |
|
35 | @mixin gl-overflow-visible {
|
36 | overflow: visible;
|
37 | }
|