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