SCSS 技术片段完整
适用于 Sublime Text 3 的完整 SASS/SCSS 技术片段：pushpin
标签 片段
详细信息
安装次数
- 总量 2.5K
- Win 1.6K
- Mac 0.6K
- Linux 0.3K
| 8 月 6 日 | 8 月 5 日 | 8 月 4 日 | 8 月 3 日 | 8 月 2 日 | 8 月 1 日 | 7 月 31 日 | 7 月 30 日 | 7 月 29 日 | 7 月 28 日 | 7 月 27 日 | 7 月 26 日 | 7 月 25 日 | 7 月 24 日 | 7 月 23 日 | 7 月 22 日 | 7 月 21 日 | 7 月 20 日 | 7 月 19 日 | 7 月 18 日 | 7 月 17 日 | 7 月 16 日 | 7 月 15 日 | 7 月 14 日 | 7 月 13 日 | 7 月 12 日 | 7 月 11 日 | 7 月 10 日 | 7 月 9 日 | 7 月 8 日 | 7 月 7 日 | 7 月 6 日 | 7 月 5 日 | 7 月 4 日 | 7 月 3 日 | 7 月 2 日 | 7 月 1 日 | 6 月 30 日 | 6 月 29 日 | 6 月 28 日 | 6 月 27 日 | 6 月 26 日 | 6 月 25 日 | 6 月 24 日 | 6 月 23 日 | 6 月 22 日 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Windows | 0 | 0 | 0 | 0 | 2 | 1 | 1 | 1 | 0 | 0 | 0 | 1 | 3 | 0 | 1 | 2 | 0 | 0 | 1 | 1 | 1 | 0 | 0 | 0 | 1 | 2 | 0 | 0 | 0 | 1 | 1 | 0 | 0 | 1 | 1 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 1 | 1 |
| Mac | 1 | 1 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 2 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 1 | 0 | 0 | 0 | 0 | 0 | 1 | 2 | 0 | 0 | 0 | 0 | 0 | 2 | 1 | 1 | 2 | 0 | 0 |
| Linux | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 2 | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 1 | 0 |
README
完整的 SASS/SCSS 技术片段！
适用于 Sublime Text 3 的完整 SASS/SCSS 技术片段
目录
通用
[mix] mixin
[fun] function
[inc] include
@include ${1:mixin}();
[ext] extend
@extend .${1:elem};
[imp] import
@import '${1:this}';
[ea] each
@each ${1:key}, ${2:var} in $map[item1, item2, item3...] {
.#{$key} {
}
}
[for] for
@for ${1:i} from 1 through 3 {
.item-#{$i} {
}
}
[ife] if/elseif/else
[if] if
if(${1:condition}, $if-true, $if-false) {
}
[wh] while
@while ${1:i} > 0 {
.item-#{$i} {
}
}
[wr] warn
@warn 'warning must be inside of function, do not forget this';
[er] error
@error 'fatal error';
[de] debug
@debug ${1:debug};
[$] 变量
${1:var}: ${2:val};
[mp] 变量作为映射
${1:map}: (
item1: 0
);
[lt] 变量作为列表
${1:map}: list1 list2 list3;
[vd] 变量作为默认值
${1:var}: ${2:val} !default;
[at] at-root
@at-root {
${1:class} { }
${2:class2} { }
}
杂项
[i] if
@if(${1:condition}, $if-true, $if-false)
[ui] unique-id
unique-id()
内省
[fe] feature-exists
feature-exists(${1:feature})
[ve] variable-exists
variable-exists(${1:variable})
[ge] global-variable-exists
global-variable-exists(${1:variable})
[fne] function-exists
function-exists(${1:function})
[me] mixin-exists
mixin-exists(${1:mixin})
[ins] inspect
inspect(${1:value})
[ty] type-of
type-of(${1:value})
[un] unit
unit(${1:number})
[unl] unitless
unitless(${1:number})
[cp] comparable
comparable(${1:number1}, ${2:number2})
[ca] call
call(${1:name}, ${2:args})
选择器
[sn] selector-nest
selector-nest(${1:selectors})
[sa] selector-append
selector-append(${1:selectors})
[se] selector-extend
selector-extend(${1:selector}, ${2:extendee}, ${3:extender})
[sp] selector-parse
selector-parse(${1:selector})
[sr] selector-replace
selector-replace(${1:selector}, ${2:original}, ${3:replacement})
[su] selector-unify
selector-unify(${1:selector1}, ${2:selector2})
[is] is-superselector
is-superselector(${1:super}, ${2:sub})
[ss] simple-selectors
simple-selectors(${1:selector})
数字
[pr] 百分比
percentage(${1:number})
[ro] round
round(${1:number})
[ce] ceil
ceil(${1:number})
[fl] floor
floor(${1:number})
[ab] abs
abs(${1:number})
[mi] min
min(${1:number})
[ma] max
max(${1:number})
[rd] random
random(${1:limit})
映射
[mk] map-has-key
map-has-key(${1:map}, ${2:key})
[mk] map-keys
map-keys(${1:map})
[mv] map-values
map-values(${1:map})
[mg] map-get
map-get(${1:map}, ${2:key})
[mmg] map-merge
map-merge(${1:map1}, ${2:map2})
[mr] map-remove
map-remove(${1:map}, ${1:keys})
[key] 关键词
keywords(${1:args})
列表
[ln] length
length(${1:list})
[nth] nth
nth(${1:list}, ${2:n})
[stn] set-nth
set-nth(${1:list}, ${2:n}, ${3:value})
[jo] join
join(${1:list}, ${2:list2}, ${3:separator})
[ap] append
append(${1:list}, ${2:val}, ${3:separator})
[zip] zip
zip(${1:lists})
[in] index
index(${1:list}, ${2:val})
[ls] list-separator
list-separator(${1:separator})
RGB
红绿蓝 [rgb]
rgb(${1:red}, ${2:green}, ${3:blue})
红绿蓝带透明度 [rgba]
rgba(${1:red}, ${2:green}, ${3:blue}, ${4:alpha})
红色 [red]
red(${1:color})
绿色 [gr]
green(${1:color})
蓝色 [bl]
blue(${1:color})
混合 [mix]
mix(${1:color}, ${2:color2}, ${3:weight})
HSL
色调-阴影-饱和度 [hsl]
hsl(${1:hue}, ${2:saturation}, ${3:lightness})
色调-阴影-饱和度-透明度 [hsla]
hsla(${1:hue}, ${2:saturation}, ${3:lightness}, ${4:alpha})
色调 [hue]
hue(${1:color})
饱和度 [st]
saturation(${1:color})
亮度 [lgt]
lightness(${1:color})
变暗 [dk]
darken(${1:color}, ${2:amount})
变亮 [lg]
lighten(${1:color}, ${2:amount})
调整色调 [ah]
adjust-hue(${1:color}, ${2:degrees})
增加饱和度 [ste]
saturate(${1:color}, ${2:amount})
降低饱和度 [dst]
desaturate(${1:color}, ${2:amount})
灰度 [grs]
grayscale(${1:color})
补色 [cpm]
complement(${1:color})
反转 [iv]
invert(${1:color})
其他 [Others]
调整颜色 [ac]
adjust-color(${1:color}, [$red], [$green], [$blue], [$hue], [$saturation], [$lightness], [$alpha])
缩放颜色 [sc]
scale-color(${1:color}, [$red], [$green], [$blue], [$saturation], [$lightness], [$alpha])
更改颜色 [cc]
change-color(${1:color}, [$red], [$green], [$blue], [$hue], [$saturation], [$lightness], [$alpha])
IE十六进制字符串 [ih]
ie-hex-str(${1:color})
不透明度
透明度 [al]
alpha(${1:color})
提高透明度 [op]
opacify(${1:color}, ${2:amount})
降低透明度 [tr]
transparentize(${1:color}, ${2:amount})
字符串
取消引号 [uq]
unquote(${1:string})
加上引号 [qt]
quote(${1:string})
字符串长度 [stl]
str-length(${1:string})
字符串插入 [sti]
str-insert(${1:string}, ${2:insert}, ${3:index})
字符串索引 [stx]
str-index(${1:string}, ${2:substring})
字符串切片 [sts]
str-slice(${1:string}, ${2:start}, ${3:end})
转换为大写 [tu]
to-upper-case(${1:string})
转换为小写 [tl]
to-lower-case(${1:string})
贡献
- 分支
- 创建您的分支：
git checkout -b new-snippet - 添加并提交：
git add -A && commit -m 'add new-snippet' - 推送：
git push origin new-feature - 提交一个 拉取请求