This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :root { | |
| --bg: hsl(0 0% 10%); | |
| --container-xl-w: min(100% - 4rem, 1400px); | |
| --container-lg-w: min(100% - 4rem, 1200px); | |
| --container-md-w: min(100% - 4rem, 800px); | |
| --container-sm-w: min(100% - 4rem, 500px); | |
| } | |
| /* resets */ | |
| *, |
Santeenee
/ html-base.code-snippets
Created
January 27, 2024 16:27
VSCode snippet for a basic HTML structure
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Show hidden characters
| { | |
| "Basic HTML": { | |
| "scope": "html,jsx,tsx,ejs,typescript,javascript,javascriptreact,typescriptreact", | |
| "prefix": "!!", | |
| "body": [ | |
| "<html lang=\"en\">", | |
| "<head>", | |
| " <meta name=\"color-scheme\" content=\"light dark\"/>", | |
| " <meta charset=\"UTF-8\" />", | |
| " <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />", |
Santeenee
/ css-base-reset.code-snippets
Last active
January 27, 2024 16:25
VSCode snippet for a simple CSS reset. Just type "!!" and you'll see the magic. This is a work in progress, but I'm still happy about it.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "CSS base reset": { | |
| "scope": "css,scss,sass", | |
| "prefix": "!!", | |
| "body": [ | |
| "*,", | |
| "*::before,", | |
| "*::after {", | |
| " margin: 0;", | |
| " padding: 0;", |