-
Notifications
You must be signed in to change notification settings - Fork 0
/
nhlpa.atoms.sizing.css
54 lines (51 loc) · 1.27 KB
/
nhlpa.atoms.sizing.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
/* Sizing */
.w-auto { width: auto }
.w-inherit { width: inherit }
.w-10 { width: 10% }
.w-20 { width: 20% }
.w-25 { width: 25% }
.w-30 { width: 30% }
.w-33 { width: 33.333% }
.w-50 { width: 50% }
.w-66 { width: 66.667% }
.w-70 { width: 70% }
.w-75 { width: 75% }
.w-80 { width: 80% }
.w-90 { width: 90% }
.w-100 { width: 100%}
.w1 { width: var(--size3) }
.w2 { width: var(--size4) }
.w3 { width: var(--size5) }
.w4 { width: var(--size6) }
.w5 { width: var(--size7) }
.mw-100 { max-width: 100% }
.mw-none { max-width: none }
.mw1 { max-width: var(--size3) }
.mw2 { max-width: var(--size4) }
.mw3 { max-width: var(--size5) }
.mw4 { max-width: var(--size6) }
.mw5 { max-width: var(--size7) }
.h-auto { height: auto }
.h-inherit { height: inherit }
.h-10 { height: 10% }
.h-20 { height: 20% }
.h-25 { height: 25% }
.h-30 { height: 30% }
.h-33 { height: 33.333% }
.h-50 { height: 50% }
.h-66 { height: 66.667% }
.h-70 { height: 70% }
.h-75 { height: 75% }
.h-80 { height: 80% }
.h-90 { height: 90% }
.h-100 { height: 100%}
.h1 { height: var(--size3) }
.h2 { height: var(--size4) }
.h3 { height: var(--size5) }
.h4 { height: var(--size6) }
.h5 { height: var(--size7) }
.vh-25 { height: 25vh }
.vh-50 { height: 50vh }
.vh-75 { height: 75vh }
.vh-100 { height: 100vh }
.min-vh-100 { min-height: 100vh }