html - How to make a css media query snippet in ATOM editor -


i have started exploring atom again after break of year , less buggy now, exploring making snippets parts , going through this piece of documentation,

now on how make css snippet , of course tried same syntax used fot js snippets , had css snippet looked following in snippets file:

'.source.css':    'css-media':      'prefix': 'css-media'      'body': '@media (min-width:$1) {           $2       }' 

the problem above gives me following output:

@media (min-width:) {  } 

rather then:

@media (min-width:) {   } 

now did go through few css packages online this one , did't find example of making media query snippet in atom. can tell me how can right ?

see bottom of page linked: http://flight-manual.atom.io/using-atom/sections/snippets/

you can use multi-line syntax using """ larger templates

so template should be

'.source.css':    'css-media':      'prefix': 'css-media'      'body': """@media (min-width:$1) {           $2       }""" 

Comments

Popular posts from this blog

ios - RestKit 0.20 — CoreData: error: Failed to call designated initializer on NSManagedObject class (again) -

laravel - PDOException in Connector.php line 55: SQLSTATE[HY000] [1045] Access denied for user 'root'@'localhost' (using password: YES) -

java - Digest auth with Spring Security using javaconfig -