slight enhancements for the user agent stylesheet
slightcss.devins.page
css
stylesheet
framework
lightweight
feat: customizable body-max-width
+3
-1
+3
-1
slight.css
+3
-1
slight.css
···
19
19
--sc-font: system-ui, sans-serif;
20
20
--sc-font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo,
21
21
Consolas, "DejaVu Sans Mono", monospace;
22
+
--sc-body-max-width: 48rem; /* set to revert to remove limit */
23
+
22
24
/* unsafe variables - not recommended to customize, may be removed or changed in the future */
23
25
--sc-emphasizebd: light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2));
24
26
--sc-emphasizebg: light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1));
···
33
35
}
34
36
35
37
body {
36
-
max-width: 48rem;
38
+
max-width: var(--sc-body-max-width);
37
39
margin: auto;
38
40
padding: 1rem;
39
41
padding-top: revert;