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 - <!DOCTYPE html> 1 + <!doctype html> 2 2 <html lang="en"> 3 3 <head> 4 4 <meta charset="UTF-8" />
+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
··· 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,