SASS 小片段

Sublime 的 Sass 小片段

详细信息

版本 1.0.0
主页 github.com
问题 github.com
修改时间 11年前
上次可见 40分钟前
首次出现 12年前

安装

总数 127K
Win 73K
Mac 38K
Linux 16K

	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日
Windows	0	0	2	1	1	2	0	0	0	0	1	0	1	2	0	2	0	0	0	0	1	1	0	0	0	1	0	1	0	0	1	0	1	0	1	1	2	1	3	1	0	1	0	1	3
Mac	1	1	0	0	0	0	1	1	1	0	0	1	0	0	1	0	0	0	1	1	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0	3	0	0	0	0	0	0	0	1	1
Linux	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	2	0	0	0	0	0	0	0	0	1	0	0	1	0	0	0	1	1

读我

源代码: raw.githubusercontent.com

Sublime 的 Sass 小片段

葡萄牙语说明

我们感谢 @mrmartineau 提供的替换插件，以及 @FichteFoll 的支持。

安装

通过包控制安装，搜索 SASS 小片段。

相反，您可以下载包并将其手动放入您的 Packages 目录中。请记住，这应该会正常工作，但不会自动更新。

注意：我们推荐使用 “Sass 语法高亮” 插件进行语法高亮。

指令

[内容] @content

@content

[调试] @debug

@debug $0;

[each] @each

@each ${1:var} in ${2:item1, item2, item3} {
    .#{$1}$3 {
        $4
    }
}$0

[扩展] @extend

@extend $0;

[for] @for

@for $i from ${1:1} through ${2:10} {
    $3
}$0

[函数] @function

@function $1($3) {
    $4
    @return $5;
}$0

[if] @if @else @if

@if ${1:something} ${2:==} ${3:true/false} {
    $4
} @else if {
    $5
}${6: @else {
    $7
\}}$0

或

@if ${1:something} ${2:==} ${3:true/false} {
    $4
} @else {
    $5
}$0

或

@if ${1:something} ${2:==} ${3:true/false} {
    $4
}$0

[import] @import

@import "$0";

[包含] @include

@include $0;

使用 Sass 语法

+$0;

[mixin] @mixin

@mixin $1($2) {
    $3
}$0

使用 Sass 语法

=$0;

[返回] @return

@return $0;

[警告] @warn

@warn $0;

[while] @while

$i: ${1};
@while $i > ${2} {
    .#{$i} $3 {
        $4
    }
}$0

[字体] @font-face

@font-face {
    font-family:$1;
    src:url($2);$0
}

标志

[默认] !default

!default

[可选] !optional

!optional

函数

颜色

[rgb] rgb()

rgb(${1:$red}, ${2:$green}, ${3:$blue})

[rgba] rgba()

rgba(${1:$red}, ${2:$green}, ${3:$blue}, ${3:$alpha})

[rgba-short] rgba()

rgba(${1:$color}, ${3:$alpha})

[红色] red()

red(${1:$color})

[绿色] green()

green(${1:$color})

[蓝色] blue()

blue(${1:$color})

[混合] mix()

mix(${1:$color1}, ${2:$color2}, ${3:$weight:50%})

[hsl] hsl()

hsl(${1:$hue}, ${2:$saturation}, ${3:$lightness})

[hsla] hsla()

hsla(${1:$hue}, ${2:$saturation}, ${3:$lightness}, ${4:$alpha})

[色调] hue()

hue(${1:$color})

[饱和度] saturation()

saturation(${1:$color})

[亮度] lightness()

lightness(${1:$color})

[调整色调] adjust-hue()

adjust-hue(${1:$color}, ${2:$degrees})

[变亮] lighten()

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

[变暗] darken()

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

[饱和] saturate()

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

[去饱和] desaturate()

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

[灰度] grayscale()

grayscale(${1:$color})

[补码] complement()

complement(${1:$color})

[反转] invert()

invert(${1:$color})

[透明度] opacity() / [alpha] alpha()

alpha(${1:$color})

或

opacity(${1:$color})

[使透明] opacify() / [渐显] fade-in()

opacify(${1:$color}, ${2:$amount})

或

fade-in(${1:$color}, ${2:$amount})

[变透明] transparentize() / [渐隐] fade-out()

transparentize(${1:$color}, ${2:$amount})

或

fade-out(${1:$color}, ${2:$amount})

[调整颜色] adjust-color()

adjust-color(${1:$color}, ${2:[$red]}, ${3:[$green]}, ${4:[$blue]}, ${5:[$hue]}, ${6:[$saturation]}, ${7:[$lightness]}, ${7:[$alpha]})

[缩放颜色] scale-color()

scale-color(${1:$color}, ${2:[$red]}, ${3:[$green]}, ${4:[$blue]}, ${6:[$saturation]}, ${7:[$lightness]}, ${7:[$alpha]})

[改变颜色] change-color()

change-color(${1:$color}, ${2:[$red]}, ${3:[$green]}, ${4:[$blue]}, ${5:[$hue]}, ${6:[$saturation]}, ${7:[$lightness]}, ${7:[$alpha]})

[ie-hex-str] ie-hex-str()

ie-hex-str(${1:$color})

数字

[绝对值] abs()

abs(${1:$value})

[上取整] ceil()

ceil(${1:$value})

[下取整] floor()

floor(${1:$value})

[最大值] max()

max(${1:$numbers...})

[最小值] min()

min(${1:$numbers...})

[百分比] percentage()

percentage(${1:$value})

[四舍五入] round()

round(${1:$value})

字符串

[引号] quote()

quote(${1:string})

[去除引号] unquote()

unquote(${1:string})

列表

[附加] append()

append(${1:$list}, ${2:$value}, ${3:[auto/comma/space]})

[索引] index()

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

[连接] join()

join(${1:$list1}, ${2:$list2}, ${3:[auto/comma/space]})

[长度] length()

length(${1:$list})

[第n项] nth()

nth(${1:$list}, ${2:$n})

[压缩] zip()

zip(${1:$lists...})

反射

[可比较] comparable()

comparable(${1:$number1}, ${2:$number2})

[类型] type-of()

comparable(${1:$number1}, ${2:$number2})

[单位] unit()

unit(${1:$number})

[无单位] unitless()

unitless(${1:$number})

杂项

[如果] if()

if(${1:$condition}, ${2:$if-true}, ${3:$if-false})

旧版本

[计数器] counter()

counter(${1:$args...})

[计数器列表] counters()

counters(${1:$args...})

CSS 扩展

[占位符] @placeholder

%$1 {
    $2
}$0

贡献

叉入它！
创建您的功能分支： git checkout -b my-new-feature
提交您的更改： git commit -m '添加一些功能'
推送到分支： git push origin my-new-feature
提交拉取请求