Singularity Snippets

Sublime Text 3 的 Singularity.gs 插件

详细信息

版本 0.2.0
主页 github.com
问题 github.com
修改 9年前
最后出现时间 2小时前
首次出现时间 9年前

安装次数

总计 223
Win 123
Mac 56
Linux 44

	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	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0
Mac	1	1	0	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	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0
Linux	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0

读取说明

源代码: raw.githubusercontent.com

SingularitySnippets

收集了 Singularity.gs 的片段用于 Sublime Text 3。

SingularitySnippets 通过 Package Control 提供。

要手动安装，请在 Sublime Text 的 软件包 目录下执行命令 git clone https://github.com/blcook223/SingularitySnippets.git。

代码片段

要使用代码片段，请输入括号内的两到四个字母代码，然后按 Tab。

大多数代码片段在 SASS 或 SCSS 源文件的任何位置都可用。一些，如各种 *-span 包含语句，仅在属性列表内可用。

网格和走道定义

add-grid (ag)

SCSS

@include add-grid(${1:grid});

SASS

+add-grid(${1:grid})

add-grid at (aga)

SCSS

@include add-grid(${1:grid} at ${2:min-width}px);

SASS

+add-grid(${1:grid} at ${2:min-width}px)

add-gutter (agu)

SCSS

@include add-gutter(${1:gutter});

SASS

+add-gutter(${1:gutter})

add-gutter-style (agus)

SCSS

@include add-gutter-style('${1:style}');

SASS

+add-gutter-style('${1:style')

选项

更改选项 (ch)

SCSS

@include sgs-change('${1:option}', ${2:value});

SASS

+sgs-change('${1:option}', ${2:value})

更改输出样式 (cho)

SCSS

@include sgs-change('output', ${1:value});

SASS

+sgs-change('output', ${1:value})

更改方向 (chd)

SCSS

@include sgs-change('direction', ${1:value});

SASS

+sgs-change('direction', ${1:value})

打开调试网格 (dg)

SCSS

@include sgs-change('debug', ${1:true});

${2:.container} {
    @include background-grid($color: ${3:blue});
}

SASS

+sgs-change('debug', ${1:true})

${2:.container}
    +background-grid($color: ${3:blue})

布局

layout (lo)

SCSS

@include layout(${1:grid}, ${2:gutter}, '${3:output-style}', '${4:gutter-style}') {
    ${5:property}: ${6:value};
}

SASS

+layout(${1:grid}, ${2:gutter}, '${3:output-style}', '${4:gutter-style}')
    ${5:property}: ${6:value}

layout verbose (lov)

SCSS

@include layout((
    'grid': ${1:grid},
    'gutter': ${2:gutter},
    'gutter style': '${3:gutter-style}',
    'output': '${4:output-style}'
)) {
    ${5:property}: ${6:value};
}

SASS

+layout(('grid': ${1:grid}, 'gutter': ${2:gutter}, 'gutter style': '${3:gutter-style}', 'output': '${4:output-style}'))
    ${5:property}: ${6:value}

layout-at (loa)

SCSS

@include layout-at(${1:grid}, ${2:min-width}px) {
    ${3:property}: ${4:value};
}

SASS

+layout-at(${1:grid}, ${2:min-width}px)
    ${3:property}: ${4:value}

layout-at verbose (loav)

SCSS

@include layout((
    'grid': ${1:grid},
    'gutter': ${2:gutter},
    'gutter style': '${3:gutter-style}',
    'output': '${4:output-style}'
), ${5:min-width}px) {
    ${6:property}: ${7:value};
}

SASS

+layout(('grid': ${1:grid}, 'gutter': ${2:gutter}, 'gutter style': '${3:gutter-style}', 'output': '${4:output-style}'), ${5:min-width}px)
    ${6:property} ${7:value}

跨度

grid-span (gs)

SCSS

@include grid-span(${1:columns}, ${2:start});

SASS

+grid-span(${1:columns}, ${2:start})

grid-span verbose (gsv)

SCSS

@include grid-span(${1:columns}, ${2:start}, ${3:grid}, ${4:gutter}, '${5:gutter-style}');

SASS

+grid-span(${1:columns}, ${2:start}, ${3:grid}, ${4:gutter}, '${5:gutter-style}')

隔离跨度 (is)

SCSS

@include isolation-span(${1:columns}, ${2:start}, '${3:clear}');

SASS

+isolation-span(${1:columns}, ${2:start}, '${3:clear}')

隔离跨度 verbose (isv)

SCSS

@include isolation-span(${1:columns}, ${2:start}, '${3:clear}', ${4:grid}, ${5:gutter});

SASS

+isolation-span(${1:columns}, ${2:start}, '${3:clear}', ${4:grid}, ${5:gutter})

浮点跨度 (fs)

SCSS

@include float-span(${1:columns});

SASS

+float-span(${1:columns})

浮点跨度 verbose (fsv)

SCSS

@include float-span(${1:columns}, $grid: ${2:grid}, $gutter: ${3:gutter});

SASS

+float-span(${1:columns}, $grid: ${2:grid}, $gutter: ${3:gutter})

浮点跨度首先 (fsf)

SCSS

@include float-span(${1:columns}, 'first');

SASS

+float-span(${1:columns}, 'first')

浮点跨度最后 (fsl)

SCSS

@include float-span(${1:columns}, 'last');

SASS

+float-span(${1:columns}, 'last')

栏跨度 (cs)

SCSS

column-span(${1:columns}, ${2:start}, ${3:grid}, ${4:gutter})

SASS

column-span(${1:columns}, ${2:start}, ${3:grid}, ${4:gutter})

走道跨度 (gus)

SCSS

gutter-span(${1:gutter}, ${2:grid})

SASS

gutter-span(${1:gutter}, ${2:grid})

其他

包含清除浮动 (icf)

SCSS

@include clearfix;

SASS

+clearfix

扩展清除浮动 (ecf)

SCSS

@extend %clearfix;

SASS

@extend %clearfix

查找网格 (fg)

SCSS

find-grid(${1:grid})

SASS

find-grid(${1:grid})

查找走道 (fgu)

SCSS

find-gutter(${1:gutter})

SASS

find-gutter(${1:gutter})