Skip to content

Instantly share code, notes, and snippets.

@Santeenee
Last active January 27, 2024 16:25
Show Gist options
  • Save Santeenee/3da80433eadbd9b8d80d1f6d5fd275fb to your computer and use it in GitHub Desktop.
Save Santeenee/3da80433eadbd9b8d80d1f6d5fd275fb to your computer and use it in GitHub Desktop.
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.
{
"CSS base reset": {
"scope": "css,scss,sass",
"prefix": "!!",
"body": [
"*,",
"*::before,",
"*::after {",
" margin: 0;",
" padding: 0;",
" min-width: 0;",
" box-sizing: border-box;",
"}",
"",
"html {",
" color-scheme: dark light;",
" scroll-behavior: smooth;",
"}",
"",
"body {",
" font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;",
" min-height: 100vh;",
" min-height: 100dvh;",
"}",
"",
"$0",
],
"description": "CSS base reset"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment