We thank @mrmartineau for kindly providing replacement plugin and @FichteFoll for the support.
To install through Package Control, search for SASS Snippets.
Instead, you can download the package and put it manually inside your Packages
directory. Remember that should work but will not update automatically.
Note: we recommend the "Syntax Highlighting for Sass" plugin for syntax highlight.
@content
@debug $0;
@each ${1:var} in ${2:item1, item2, item3} {
.#{$1}$3 {
$4
}
}$0
@extend $0;
@for $i from ${1:1} through ${2:10} {
$3
}$0
@function $1($3) {
$4
@return $5;
}$0
@if ${1:something} ${2:==} ${3:true/false} {
$4
} @else if {
$5
}${6: @else {
$7
\}}$0
or
@if ${1:something} ${2:==} ${3:true/false} {
$4
} @else {
$5
}$0
or
@if ${1:something} ${2:==} ${3:true/false} {
$4
}$0
@import "$0";
@include $0;
with Sass syntax
+$0;
@mixin $1($2) {
$3
}$0
with Sass syntax
=$0;
@return $0;
@warn $0;
$i: ${1};
@while $i > ${2} {
.#{$i} $3 {
$4
}
}$0
@font-face {
font-family:$1;
src:url($2);$0
}
!default
!optional
rgb(${1:$red}, ${2:$green}, ${3:$blue})
rgba(${1:$red}, ${2:$green}, ${3:$blue}, ${3:$alpha})
rgba(${1:$color}, ${3:$alpha})
red(${1:$color})
green(${1:$color})
blue(${1:$color})
mix(${1:$color1}, ${2:$color2}, ${3:$weight:50%})
hsl(${1:$hue}, ${2:$saturation}, ${3:$lightness})
hsla(${1:$hue}, ${2:$saturation}, ${3:$lightness}, ${4:$alpha})
hue(${1:$color})
saturation(${1:$color})
lightness(${1:$color})
adjust-hue(${1:$color}, ${2:$degrees})
lighten(${1:$color}, ${2:$amount})
darken(${1:$color}, ${2:$amount})
saturate(${1:$color}, ${2:$amount})
desaturate(${1:$color}, ${2:$amount})
grayscale(${1:$color})
complement(${1:$color})
invert(${1:$color})
alpha(${1:$color})
or
opacity(${1:$color})
opacify(${1:$color}, ${2:$amount})
or
fade-in(${1:$color}, ${2:$amount})
transparentize(${1:$color}, ${2:$amount})
or
fade-out(${1:$color}, ${2:$amount})
adjust-color(${1:$color}, ${2:[$red]}, ${3:[$green]}, ${4:[$blue]}, ${5:[$hue]}, ${6:[$saturation]}, ${7:[$lightness]}, ${7:[$alpha]})
scale-color(${1:$color}, ${2:[$red]}, ${3:[$green]}, ${4:[$blue]}, ${6:[$saturation]}, ${7:[$lightness]}, ${7:[$alpha]})
change-color(${1:$color}, ${2:[$red]}, ${3:[$green]}, ${4:[$blue]}, ${5:[$hue]}, ${6:[$saturation]}, ${7:[$lightness]}, ${7:[$alpha]})
ie-hex-str(${1:$color})
abs(${1:$value})
ceil(${1:$value})
floor(${1:$value})
max(${1:$numbers...})
min(${1:$numbers...})
percentage(${1:$value})
round(${1:$value})
quote(${1:string})
unquote(${1:string})
append(${1:$list}, ${2:$value}, ${3:[auto/comma/space]})
index(${1:$list}, ${2:$value})
join(${1:$list1}, ${2:$list2}, ${3:[auto/comma/space]})
length(${1:$list})
nth(${1:$list}, ${2:$n})
zip(${1:$lists...})
comparable(${1:$number1}, ${2:$number2})
comparable(${1:$number1}, ${2:$number2})
unit(${1:$number})
unitless(${1:$number})
if(${1:$condition}, ${2:$if-true}, ${3:$if-false})
counter(${1:$args...})
counters(${1:$args...})
%$1 {
$2
}$0
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request
MIT License © Sublime Brasil