slight enhancements for the user agent stylesheet
slightcss.devins.page
css
stylesheet
framework
lightweight
fix: @supports query for old browsers (light-dark)
+9
-2
+9
-2
slight.css
+9
-2
slight.css
···
24
24
--sc-max-width: 48rem; /* set to 'revert' to remove limit */
25
25
26
26
/* unsafe variables - not recommended to customize, may be removed or changed in the future */
27
-
--sc-emphasizebd: light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2));
28
-
--sc-emphasizebg: light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1));
27
+
--sc-emphasizebd: rgba(0, 0, 0, 0.2);
28
+
--sc-emphasizebg: rgba(0, 0, 0, 0.1);
29
+
}
30
+
31
+
@supports (color: light-dark(white, black)) {
32
+
:root {
33
+
--sc-emphasizebd: light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2));
34
+
--sc-emphasizebg: light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1));
35
+
}
29
36
}
30
37
31
38
/* 2. typography */