Scss Snippets for Atom

install

You can install the settings by pressing ctrl+, opened atom, then you go to install and looking on packages scss-snippets.

Or with the command since your terminal:

apm install scss-snippets

@while ${1:condition} {
  ${2:code}
}

@for ${1:var} from ${2:start} through ${3:end} {
  ${4:code}
}

@at-root {
  ${1:code}
}

@debug ${1:code};

@each ${1:var} in ${2:list} {
  ${3:code}
}

@warn ${1:code};

@error ${1:code};

$get: map-get(${1:list}, ${2:value});

$remove: map-remove(${1:list}, ${2:value});

$keys: map-keys(${1:list}});

$values: map-values(${1:values});

$merge: map-merge(${1:list1}, ${2:list2});

$has-key: map-has-key(${1:list}, ${2:value});

$insert: str-insert(${1:string}, ${2:substring}, ${3:index});

$index: str-index(${1:string}, ${2:substring});

$length: str-length(${1:string});

$slice: str-slice(${1:srting}, ${2:start}, ${3:end});

$upper: to-upper-case(${1:string});

$lower: to-lower-case(${1:string});

$nth: nth(${1:list}, ${2:index});

$index: index(${1:list}, ${2:value});

$join: join(${1:list1}, ${2:list2});

$append: append(${1:list}, ${2:value});

$darken: darken(${1:color}, ${2:amount});

$lighten: lighten(${1:color}, ${2:amount});

$saturate: saturate(${1:color}, ${2:amount});

$desaturate: desaturate(${1:color}, ${2:amount});