CODEWITHSUNDEEP
csscode-snippetsatom-editor
Langlois.dev
Langlois.dev

Reputation: 2141

Atom Snippets - Unexpected New Line Error

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

Upvotes: 5

Views: 3983

Answers (2)

Benjamin R
Benjamin R

Reputation: 587

This sort of error pisses me off to no end, too. My suggestion would be to install the linter-coffeelint package for Atom to at least make it easier to deal with. The package is at atom.io/packages/linter-coffeelint, and you can install it directly from the command line by apm install linter-coffeelint

It is an indentation problem, but from my perspective, unless you write in Coffeescript regularly (let alone at all), it's much harder to see the problem when the error message you get from Atom doesn't even specify which line the error is on.

Upvotes: 7

ximmerman
ximmerman

Reputation: 96

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?

Upvotes: 8

Related Questions