]>
Commit | Line | Data |
---|---|---|
8f9d1d4d DC |
1 | .grid { |
2 | @media all and (min-width: 1024px) { | |
3 | display: grid; | |
4 | grid-template-columns: repeat(12, 1fr); | |
5 | grid-gap: 2rem; | |
6 | align-items: start; | |
7 | } | |
8 | } | |
9 | ||
10 | .visually-hidden { | |
11 | clip: rect(0 0 0 0); | |
12 | clip-path: inset(100%); | |
13 | height: 1px; | |
f2a92ac6 | 14 | overflow: hidden; |
8f9d1d4d DC |
15 | position: absolute; |
16 | width: 1px; | |
17 | white-space: nowrap; | |
18 | } | |
19 | ||
20 | [hidden] { | |
21 | display: none !important; | |
22 | } | |
23 | ||
24 | .mobile-only { | |
25 | @media all and (min-width: 1024px) { | |
26 | display: none; | |
27 | } | |
28 | } | |
29 | ||
30 | .desktop-only { | |
31 | @media all and (max-width: 1023px) { | |
32 | display: none; | |
33 | } | |
34 | } | |
35 | ||
36 | .text.text { | |
8f9d1d4d DC |
37 | color: inherit; |
38 | font: inherit; | |
39 | font-family: var(--text-font); | |
40 | margin: 0; | |
41 | } | |
42 | ||
43 | .color-brand { | |
44 | color: var(--link-color); | |
45 | } | |
46 | ||
47 | .font-weight-medium { | |
48 | font-weight: 500; | |
49 | } | |
50 | ||
51 | .center-text { | |
52 | text-align: center; | |
53 | grid-column: 1 / -1; | |
54 | } | |
55 | ||
56 | .text-dark { | |
57 | color: var(--headings-color); | |
58 | } | |
59 | ||
60 | .divider { | |
61 | border-bottom: 1px solid var(--divider-color); | |
62 | border-block-end: 1px solid var(--divider-color); | |
63 | } | |
64 | ||
65 | .fs-step--1 { | |
66 | font-size: .875rem; | |
67 | } | |
68 | ||
69 | .fs-step-0 { | |
70 | font-size: var(--step-0); | |
71 | } | |
72 | ||
73 | .fs-step-1 { | |
74 | font-size: var(--step-1); | |
75 | } | |
76 | ||
77 | .fs-step-2 { | |
78 | font-size: var(--step-2); | |
79 | } | |
80 | ||
81 | .fs-step-3 { | |
82 | font-size: var(--step-3); | |
83 | } | |
84 | ||
85 | .fs-step-4 { | |
86 | font-size: var(--step-4); | |
87 | } | |
88 | ||
89 | .fs-step-5 { | |
90 | font-size: var(--step-5); | |
91 | } | |
92 | ||
93 | .fs-step-6 { | |
94 | font-size: var(--step-6); | |
95 | } | |
96 | ||
97 | .grid--center-items { | |
98 | align-items: center; | |
99 | } | |
100 | ||
101 | .span-1-3 { | |
102 | grid-column: 1 / 4; | |
103 | } | |
104 | ||
105 | .span-1-4 { | |
106 | grid-column: 1 / 5; | |
107 | } | |
108 | ||
109 | .span-1-5 { | |
110 | grid-column: 1 / 6; | |
111 | } | |
112 | ||
113 | .span-1-6 { | |
114 | grid-column: 1 / 7; | |
115 | } | |
116 | ||
117 | .span-1-7 { | |
118 | grid-column: 1 / 8; | |
119 | } | |
120 | ||
8f9d1d4d DC |
121 | .span-1-12 { |
122 | grid-column: 1 / -1; | |
123 | } | |
124 | ||
125 | .span-4-12 { | |
126 | grid-column: 4 / 13; | |
127 | } | |
128 | ||
129 | .span-6-12 { | |
130 | grid-column: 6 / 13; | |
131 | } | |
132 | ||
133 | .span-7-12 { | |
134 | grid-column: 7 / 13; | |
135 | } | |
136 | ||
137 | .span-8-12 { | |
138 | grid-column: 8 / 13; | |
139 | } | |
140 | ||
141 | .span-10-12 { | |
142 | grid-column: 10 / 13; | |
143 | } | |
144 | ||
145 | .span-11-12 { | |
146 | grid-column: 11 / 13; | |
147 | } | |
148 | ||
149 | .span-4-9 { | |
150 | grid-column: 4 / 10; | |
151 | } | |
152 | ||
153 | .span-4-11 { | |
154 | grid-column: 4 / 11; | |
155 | } | |
156 | ||
157 | .span-5-12 { | |
158 | grid-column: 5 / 12; | |
159 | } | |
160 | ||
161 | .span-3-10 { | |
162 | grid-column: 3 / 11; | |
163 | } | |
164 | ||
165 | .span-6-7 { | |
166 | grid-column: 6 / 8; | |
167 | } | |
168 | ||
169 | .span-5-8 { | |
170 | grid-column: 5 / 9; | |
171 | } |