When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:
main {
max-width: 38rem;
padding: 2rem;
margin: auto;
}| //drop this file into your .vscode directory for local snippets | |
| { | |
| "JS Styles": { | |
| "scope": "markdown", | |
| "prefix": "style-js", | |
| "body": [ | |
| "# Javascript", | |
| "", | |
| "This project uses JavaScript with the following styles:", | |
| "", |
| /* http://meyerweb.com/eric/tools/css/reset/ | |
| v2.0-modified | 20110126 | |
| License: none (public domain) | |
| */ | |
| html, body, div, span, applet, object, iframe, | |
| h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
| a, abbr, acronym, address, big, cite, code, | |
| del, dfn, em, img, ins, kbd, q, s, samp, | |
| small, strike, strong, sub, sup, tt, var, |
| ; c = case sensitive | |
| ; c1 = ignore the case that was typed, always use the same case for output | |
| ; * = immediate change (no need for space, period, or enter) | |
| ; ? = triggered even when the character typed immediately before it is alphanumeric | |
| ; r = raw output | |
| ;------------------------------------------------------------------------------ | |
| ; CHANGELOG: | |
| ; | |
| ; 2011-03-21 and after: See readme.md |