ATOM snippets

# Your snippets
#
# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
# expand the prefix into a larger code block with templated values.
#
# You can create a new snippet in this file by typing "snip" and then hitting
# tab.
#
# An example CoffeeScript snippet to expand log to console.log:
#
# '.source.coffee':
#   'Console log':
#     'prefix': 'log'
#     'body': 'console.log $1'
#
# Each scope (e.g. '.source.coffee' above) can only be declared once.
#
# This file uses CoffeeScript Object Notation (CSON).
# If you are unfamiliar with CSON, you can read more about it in the
# Atom Flight Manual:
# https://atom.io/docs/latest/using-atom-basic-customization#cson

#HTML
'.text.html':
    'HTML5 Shiv and Respond.js':
      'prefix': 'shiv'
      'body': '
    <!-- HTML5 shiv and Respond.js for IE8 support of HTML5 elements and media queries -->\n
\n
    <!--[if lt IE 9]>\n
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>\n
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>\n
    <![endif]-->'

    'HTML Section Comment':
      'prefix': 'largecomment'
      'body': '\n<!-- =================== ${1:SECTION TITLE} =================== --> \n'

    'HTML Comment':
      'prefix': 'comment'
      'body': '<!-- ${1:Name} -->'


#CSS
'.source.css':
    'Sexy Text':
      'prefix': 'sexytext'
      'body': '   -webkit-font-smoothing: antialiased;\ntext-rendering: optimizeLegibility;'

    'Border Radius':
      'prefix': 'radius'
      'body': '-webkit-border-radius: ${1:size};\n-moz-border-radius: ${1:size};\nborder-radius: ${1:size};'

    'CSS comment':
      'prefix': 'csscom'
      'body': '/* === ${1:COMMENT} === */'

    'Identical Width & Height':
      'prefix': 'square'
      'body': 'height: ${1:H}px;\nwidth: ${1:W}px;'

    'Box Sizing - Border Box':
      'prefix': 'box-sizing'
      'body': '-webkit-box-sizing: border-box;\n-moz-box-sizing: border-box;\nbox-sizing: border-box;'