|
152 | 152 | font-size: 20px; |
153 | 153 | background-color: #fff; |
154 | 154 | color: #000; /* override parent alpha */ |
155 | | - box-shadow: 0 10px 20px rgb(0 0 0 / 4%), 0 2px 6px rgb(0 0 0 / 4%), 0 0 1px rgb(0 0 0 / 4%); |
| 155 | + box-shadow: |
| 156 | + 0 10px 20px rgb(0 0 0 / 4%), |
| 157 | + 0 2px 6px rgb(0 0 0 / 4%), |
| 158 | + 0 0 1px rgb(0 0 0 / 4%); |
156 | 159 | } |
157 | 160 |
|
158 | 161 | .dark .avatar-emoji { |
159 | 162 | background-color: #000; |
160 | | - box-shadow: 0 10px 20px rgb(0 0 0 / 4%), 0 2px 6px rgb(0 0 0 / 4%), 0 0 1px rgb(255 255 255 / 96%); |
| 163 | + box-shadow: |
| 164 | + 0 10px 20px rgb(0 0 0 / 4%), |
| 165 | + 0 2px 6px rgb(0 0 0 / 4%), |
| 166 | + 0 0 1px rgb(255 255 255 / 96%); |
161 | 167 | } |
162 | 168 |
|
163 | 169 | /* Biography Block */ |
|
182 | 188 |
|
183 | 189 | /* Light Mode Gradient */ |
184 | 190 | .hbx-bg-gradient::before { |
185 | | - background-image: radial-gradient(at 20% 25%, hsla(212, 80%, 95%, 1) 0px, transparent 50%), |
186 | | - radial-gradient(at 75% 30%, hsla(160, 80%, 95%, 1) 0px, transparent 50%), radial-gradient(at 25% 80%, hsla(280, 80%, 95%, 1) 0px, transparent 50%), |
187 | | - radial-gradient(at 75% 85%, hsla(30, 80%, 95%, 1) 0px, transparent 50%); |
| 191 | + background-image: |
| 192 | + radial-gradient(at 20% 25%, hsla(212, 80%, 95%, 1) 0px, transparent 50%), radial-gradient(at 75% 30%, hsla(160, 80%, 95%, 1) 0px, transparent 50%), |
| 193 | + radial-gradient(at 25% 80%, hsla(280, 80%, 95%, 1) 0px, transparent 50%), radial-gradient(at 75% 85%, hsla(30, 80%, 95%, 1) 0px, transparent 50%); |
188 | 194 | } |
189 | 195 |
|
190 | 196 | /* Dark Mode Gradient */ |
191 | 197 | .dark .hbx-bg-gradient::before { |
192 | | - background-image: radial-gradient(at 20% 25%, hsla(212, 35%, 15%, 1) 0px, transparent 50%), |
193 | | - radial-gradient(at 75% 30%, hsla(160, 35%, 15%, 1) 0px, transparent 50%), radial-gradient(at 25% 80%, hsla(280, 35%, 15%, 1) 0px, transparent 50%), |
194 | | - radial-gradient(at 75% 85%, hsla(30, 35%, 15%, 1) 0px, transparent 50%); |
| 198 | + background-image: |
| 199 | + radial-gradient(at 20% 25%, hsla(212, 35%, 15%, 1) 0px, transparent 50%), radial-gradient(at 75% 30%, hsla(160, 35%, 15%, 1) 0px, transparent 50%), |
| 200 | + radial-gradient(at 25% 80%, hsla(280, 35%, 15%, 1) 0px, transparent 50%), radial-gradient(at 75% 85%, hsla(30, 35%, 15%, 1) 0px, transparent 50%); |
195 | 201 | } |
0 commit comments