tiny, simple, classless CSS framework inspired by new.css
devcss.devins.page
devins.page
framework
lightweight
css
classless
stylesheet
feat: better sidebar mode detection
+6
-7
dev.css
+6
-7
dev.css
···
184
margin-bottom: 0;
185
}
186
187
-
@media (max-width: 1424px) {
188
header {
189
background: var(--dc-bg-2);
190
border-bottom: 1px solid var(--dc-bg-3);
···
240
}
241
}
242
243
-
@media (min-width: 1425px) {
244
header {
245
-
background: none;
246
-
padding: 2rem 1.5rem;
247
margin: 0;
248
position: fixed;
249
top: 0;
250
-
left: calc(50% - 700px);
251
-
width: 255px;
252
-
height: 100%;
253
}
254
255
header nav {
···
184
margin-bottom: 0;
185
}
186
187
+
@media (max-width: calc(-1px + (750px + 4rem) + ((250px + 2rem)*2))) {
188
header {
189
background: var(--dc-bg-2);
190
border-bottom: 1px solid var(--dc-bg-3);
···
240
}
241
}
242
243
+
@media (min-width: calc((750px + 4rem) + ((250px + 2rem)*2))) {
244
header {
245
+
padding: 2rem 2rem;
246
+
padding-right: 0;
247
margin: 0;
248
position: fixed;
249
top: 0;
250
+
left: calc(50% - ((750px + 4rem) / 2) - (250px + 2rem));
251
+
width: 250px;
252
}
253
254
header nav {