Atom Snippets - Unexpected New Line Error

Question

I've been trying to add my first snippet in the Atom text editor and I keep getting the error that there's an unexpected newline.

'.source.css':
'setup CSS':
'prefix':'setup'
'body':"""
*, *:before, *:after{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
"""

I'm running on Ubuntu and Atom 1.0.2

I got rid of the error by having proper indentation. I know get no error from Atom however, the actual snippet doesn't work in a CSS file. — Langlois.dev

ximmerman ximmerman · Accepted Answer · 2015-12-16T13:22:45

Like Haml, CSON uses indentation to define scope.

Simply indent after '.source.css': and after 'setup CSS':

'.source.css':
    'setup CSS':
        'prefix':'setup'
        'body':"""
*, *:before, *:after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
"""

what is cson?

Atom Snippets - Unexpected New Line Error

2 Answers