smlombardi/snippets.cson

## snippets.cson
# 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'
#


'.source.js':
  'Console Log':
    'prefix':    'csl'
    'body':      'console.log($1);'
  'Log Debug':
    'prefix':    'ldb'
    'body':      '$log.debug($1);'
  'IFFE':
    'prefix':   'iffe'
    'body':     """
    (function() {

      'use strict';

      $1


    }());
    """

'.source.css':
  'Scss Linter Disable':
    'prefix': 'sld'
    'body': '// scss-lint:disable'
  'SVG data url':
    'prefix': 'svgu'
    'body': 'data:image/svg+xml;base64,$1'
  'At Breakpoint':
    'prefix': 'abp'
    'body':   """
    @include breakpoint(${1:screen-xs}) {
        $2
    }$0
    """


'.text.html':
  'HTML':
    'prefix': 'html'
    'body': '<!doctype html>\n<html lang="en">\n\t<head>\n\t\t<meta charset="UTF-8">\n\t\t<title>$1</title>\n\t</head>\n\t<body>\n\t\t$2\n\t</body>\n</html>'
  'inline comment':
    'prefix': '--'
    'body': '<!-- $1 -->'
  'fontawesome cdn':
    'prefix': 'cdnfa'
    'body':   '<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">'
  'bootstrapcss cdn':
    'prefix': 'cdnbs'
    'body':   '<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">'
  'UI bootstrap modal':
    'prefix': 'bsmodal'
    'body': """
      <div class="modal-header">
        <button type="button" class="close" ng-click="close()"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title">$1</h4>
      </div>

      <div class="modal-body">
        <p>$2</p>
      </div>

      <div class="modal-footer">
        <button type="button" class="btn btn-primary" ng-click="save()">Confirm</button>
        <button type="button" class="btn btn-link" ng-click="close()">Cancel</button>
      </div>
      """

  'Documentation Section Row':
    'prefix': 'docsecrow'
    'body': """
    <!-- row -->
    <div class="row doc-sectionbreak">
      <!-- left -->
      <div class="col-md-4">
        $1
      </div>
      <!-- right -->
      <div class="col-md-7 col-md-offset-1 figure-spacer">
        <!-- 2 columns in right -->
        <div class="row">
          <div class="col-md-5">
            $2
          </div>
          <div class="col-md-5">
            $3
          </div>
        </div>
      </div>
    </div>
    """

  'Documentation Main Row Head':
    'prefix': 'docmainhead'
    'body': """
      <div class="row">
        <div class="col-md-8">
          <h1 class="doc-head" id="$1">$2</h1>
        </div>
      </div>
    """

  'Documentation Section Head':
    'prefix': 'docsechead'
    'body': """
    <div class="row">
      <div class="col-md-12">
        <h2 class="doc-sectionhead">$1</h2>
      </div>
    </div>$0
    """
	# 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'
	#


	'.source.js':
	'Console Log':
	'prefix': 'csl'
	'body': 'console.log($1);'
	'Log Debug':
	'prefix': 'ldb'
	'body': '$log.debug($1);'
	'IFFE':
	'prefix': 'iffe'
	'body': """
	(function() {

	'use strict';

	$1


	}());
	"""

	'.source.css':
	'Scss Linter Disable':
	'prefix': 'sld'
	'body': '// scss-lint:disable'
	'SVG data url':
	'prefix': 'svgu'
	'body': 'data:image/svg+xml;base64,$1'
	'At Breakpoint':
	'prefix': 'abp'
	'body': """
	@include breakpoint(${1:screen-xs}) {
	$2
	}$0
	"""



	'.text.html':
	'HTML':
	'prefix': 'html'
	'body': '<!doctype html>\n<html lang="en">\n\t<head>\n\t\t<meta charset="UTF-8">\n\t\t<title>$1</title>\n\t</head>\n\t<body>\n\t\t$2\n\t</body>\n</html>'
	'inline comment':
	'prefix': '--'
	'body': '<!-- $1 -->'
	'fontawesome cdn':
	'prefix': 'cdnfa'
	'body': '<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">'
	'bootstrapcss cdn':
	'prefix': 'cdnbs'
	'body': '<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">'
	'UI bootstrap modal':
	'prefix': 'bsmodal'
	'body': """
	<div class="modal-header">
	<button type="button" class="close" ng-click="close()"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
	<h4 class="modal-title">$1</h4>
	</div>

	<div class="modal-body">
	<p>$2</p>
	</div>

	<div class="modal-footer">
	<button type="button" class="btn btn-primary" ng-click="save()">Confirm</button>
	<button type="button" class="btn btn-link" ng-click="close()">Cancel</button>
	</div>
	"""

	'Documentation Section Row':
	'prefix': 'docsecrow'
	'body': """
	<!-- row -->
	<div class="row doc-sectionbreak">
	<!-- left -->
	<div class="col-md-4">
	$1
	</div>
	<!-- right -->
	<div class="col-md-7 col-md-offset-1 figure-spacer">
	<!-- 2 columns in right -->
	<div class="row">
	<div class="col-md-5">
	$2
	</div>
	<div class="col-md-5">
	$3
	</div>
	</div>
	</div>
	</div>
	"""

	'Documentation Main Row Head':
	'prefix': 'docmainhead'
	'body': """
	<div class="row">
	<div class="col-md-8">
	<h1 class="doc-head" id="$1">$2</h1>
	</div>
	</div>
	"""

	'Documentation Section Head':
	'prefix': 'docsechead'
	'body': """
	<div class="row">
	<div class="col-md-12">
	<h2 class="doc-sectionhead">$1</h2>
	</div>
	</div>$0
	"""