UNPKG

2.35 kBCSSView Raw
1/*
2
3 OVERFLOW
4
5 Media Query Extensions:
6 -ns = not-small
7 -m = medium
8 -l = large
9
10 */
11
12.overflow-visible { overflow: visible; }
13.overflow-hidden { overflow: hidden; }
14.overflow-scroll { overflow: scroll; }
15.overflow-auto { overflow: auto; }
16
17.overflow-x-visible { overflow-x: visible; }
18.overflow-x-hidden { overflow-x: hidden; }
19.overflow-x-scroll { overflow-x: scroll; }
20.overflow-x-auto { overflow-x: auto; }
21
22.overflow-y-visible { overflow-y: visible; }
23.overflow-y-hidden { overflow-y: hidden; }
24.overflow-y-scroll { overflow-y: scroll; }
25.overflow-y-auto { overflow-y: auto; }
26
27@media (--breakpoint-not-small) {
28 .overflow-visible-ns { overflow: visible; }
29 .overflow-hidden-ns { overflow: hidden; }
30 .overflow-scroll-ns { overflow: scroll; }
31 .overflow-auto-ns { overflow: auto; }
32 .overflow-x-visible-ns { overflow-x: visible; }
33 .overflow-x-hidden-ns { overflow-x: hidden; }
34 .overflow-x-scroll-ns { overflow-x: scroll; }
35 .overflow-x-auto-ns { overflow-x: auto; }
36
37 .overflow-y-visible-ns { overflow-y: visible; }
38 .overflow-y-hidden-ns { overflow-y: hidden; }
39 .overflow-y-scroll-ns { overflow-y: scroll; }
40 .overflow-y-auto-ns { overflow-y: auto; }
41}
42
43@media (--breakpoint-medium) {
44 .overflow-visible-m { overflow: visible; }
45 .overflow-hidden-m { overflow: hidden; }
46 .overflow-scroll-m { overflow: scroll; }
47 .overflow-auto-m { overflow: auto; }
48
49 .overflow-x-visible-m { overflow-x: visible; }
50 .overflow-x-hidden-m { overflow-x: hidden; }
51 .overflow-x-scroll-m { overflow-x: scroll; }
52 .overflow-x-auto-m { overflow-x: auto; }
53
54 .overflow-y-visible-m { overflow-y: visible; }
55 .overflow-y-hidden-m { overflow-y: hidden; }
56 .overflow-y-scroll-m { overflow-y: scroll; }
57 .overflow-y-auto-m { overflow-y: auto; }
58}
59
60@media (--breakpoint-large) {
61 .overflow-visible-l { overflow: visible; }
62 .overflow-hidden-l { overflow: hidden; }
63 .overflow-scroll-l { overflow: scroll; }
64 .overflow-auto-l { overflow: auto; }
65
66 .overflow-x-visible-l { overflow-x: visible; }
67 .overflow-x-hidden-l { overflow-x: hidden; }
68 .overflow-x-scroll-l { overflow-x: scroll; }
69 .overflow-x-auto-l { overflow-x: auto; }
70
71 .overflow-y-visible-l { overflow-y: visible; }
72 .overflow-y-hidden-l { overflow-y: hidden; }
73 .overflow-y-scroll-l { overflow-y: scroll; }
74 .overflow-y-auto-l { overflow-y: auto; }
75}