lightweight, simple, classless CSS framework inspired by new.css
devcss.devins.page
framework
lightweight
css
classless
stylesheet
feat: small headings in header mode
+19
+19
dev.css
+19
dev.css
···
194
194
backdrop-filter: blur(16px);
195
195
}
196
196
197
+
/* Make heading text small if header is not moved to the side */
198
+
@media (max-width: 1451px) {
199
+
header h1 {
200
+
font-size: 1.6rem;
201
+
}
202
+
203
+
header h2 {
204
+
font-size: 1.4rem;
205
+
}
206
+
207
+
header h3 {
208
+
font-size: 1.2rem;
209
+
}
210
+
211
+
header h4 {
212
+
font-size: 1rem;
213
+
}
214
+
}
215
+
197
216
/* Move header to the side to preserve vertical space, if screen is minimum width 1452px */
198
217
@media (min-width: 1452px) {
199
218
header {