devins.page
slight enhancements for the user agent stylesheet
slightcss.devins.page
css
stylesheet
framework
lightweight
feat: 1.5 line height
i think i'll stick with 1.5 as the default, but you can change it with the --sc-line-height variable.
max-width variable has also been changed to --sc-max-width for consistency (this hopefully shouldn't be breaking anything as i doubt anyone is using this stylesheet right now)
+5
-4
+5
-4
slight.css
+5
-4
slight.css
···
20
20
--sc-font-mono:
21
21
ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas,
22
22
"DejaVu Sans Mono", monospace;
23
-
--sc-body-max-width: 48rem; /* set to revert to remove limit */
23
+
--sc-line-height: 1.5; /* set to 'revert' to use default */
24
+
--sc-body-max-width: 48rem; /* set to 'revert' to remove limit */
24
25
25
26
/* unsafe variables - not recommended to customize, may be removed or changed in the future */
26
27
--sc-emphasizebd: light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2));
···
31
32
32
33
html {
33
34
font-family: var(--sc-font);
34
-
line-height: 1.3;
35
+
line-height: var(--sc-line-height);
35
36
tab-size: 4;
36
37
}
37
38
···
86
87
}
87
88
88
89
blockquote {
89
-
border-left: 4px solid var(--sc-emphasizebd);
90
+
border-left: 0.25rem solid var(--sc-emphasizebd);
90
91
background-color: var(--sc-emphasizebg);
91
92
padding-left: 1rem;
92
93
margin-left: 0;
···
108
109
header nav ul li:not(:first-child)::before,
109
110
footer nav ul li:not(:first-child)::before {
110
111
content: "•";
111
-
margin: 0 0.25em;
112
+
margin: 0 0.25rem;
112
113
}
113
114
114
115
/* 4. remove max-width when printing */