Atom snippets

snippets.cson

# JavaScript
'.source.js':
  'console.log':
    'prefix': 'cl'
    'body': 'console.log(\'$1 👉\', $1)$2'
  'console.log JSON':
    'prefix': 'clj'
    'body': 'console.log(\'$1 👉\', JSON.stringify($1, null, 2))$2'
# CSS
'.source.css':
  'CSS space variables':
    'prefix': 'vrs'
    'body': 'var(--space-$1)$2'
  'CSS color variables':
    'prefix': 'vrc'
    'body': 'var(--color-$1)$2'
# Scss
'.source.scss':
  'Mobile only media query':
    'prefix': 'mo'
    'body': '@include mobile-only {\n  $1\n}\n$2'
  'Desktop only media query':
    'prefix': 'ds'
    'body': '@include desktop-only {\n  $1\n}\n$2'
# Markdown
'.source.gfm':
  "Do's and Dont's":
    'prefix': 'dod'
    'body': "<div class='DosAndDonts'>\n<div class='Do'>\n$1\n</div>\n<div class='Dont'>\n$2\n</div>\n</div>\n\n$3"