slight enhancements for the user agent stylesheet
slightcss.devins.page
css
stylesheet
framework
lightweight
chore: only change l/r padding and margin
browser supplies defaults for top and bottom
also ran `prettier . -w`
+18
-16
+1
-1
index.html
+1
-1
index.html
+10
-10
package.json
+10
-10
package.json
···
1
1
{
2
2
"name": "@intergrav/slight.css",
3
3
"version": "1.1.3",
4
+
"author": "intergrav <intergrav@proton.me> (https://devins.page)",
5
+
"repository": "github:intergrav/slight.css",
6
+
"main": "slight.css",
7
+
"bugs": {
8
+
"url": "https://github.com/intergrav/slight.css/issues"
9
+
},
4
10
"description": "slight enhancements for the user agent stylesheet",
11
+
"files": [
12
+
"slight.css"
13
+
],
14
+
"homepage": "https://slightcss.devins.page",
5
15
"keywords": [
6
16
"css",
7
17
"stylesheet",
···
11
21
"lightweight",
12
22
"open-source"
13
23
],
14
-
"homepage": "https://slightcss.devins.page",
15
-
"bugs": {
16
-
"url": "https://github.com/intergrav/slight.css/issues"
17
-
},
18
24
"license": "MIT",
19
-
"author": "intergrav <intergrav@proton.me> (https://devins.page)",
20
-
"files": [
21
-
"slight.css"
22
-
],
23
-
"main": "slight.css",
24
-
"repository": "github:intergrav/slight.css",
25
25
"prettier": {
26
26
"useTabs": true
27
27
}
+7
-5
slight.css
+7
-5
slight.css
···
17
17
/* customizable variables - you may change these as you wish */
18
18
color-scheme: light dark;
19
19
--sc-font: system-ui, sans-serif;
20
-
--sc-font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo,
21
-
Consolas, "DejaVu Sans Mono", monospace;
20
+
--sc-font-mono:
21
+
ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas,
22
+
"DejaVu Sans Mono", monospace;
22
23
--sc-body-max-width: 48rem; /* set to revert to remove limit */
23
24
24
25
/* unsafe variables - not recommended to customize, may be removed or changed in the future */
···
36
37
37
38
body {
38
39
max-width: var(--sc-body-max-width);
39
-
margin: auto;
40
-
padding: 1rem;
41
-
padding-top: revert;
40
+
margin-left: auto;
41
+
margin-right: auto;
42
+
padding-left: 1rem;
43
+
padding-right: 1rem;
42
44
}
43
45
44
46
code,