SingularitySnippets
A Singularity.gs plugin for Sublime Text 3
Details
Installs
- Total 205
- Win 115
- Mac 48
- Linux 42
Sep 28 | Sep 27 | Sep 26 | Sep 25 | Sep 24 | Sep 23 | Sep 22 | Sep 21 | Sep 20 | Sep 19 | Sep 18 | Sep 17 | Sep 16 | Sep 15 | Sep 14 | Sep 13 | Sep 12 | Sep 11 | Sep 10 | Sep 9 | Sep 8 | Sep 7 | Sep 6 | Sep 5 | Sep 4 | Sep 3 | Sep 2 | Sep 1 | Aug 31 | Aug 30 | Aug 29 | Aug 28 | Aug 27 | Aug 26 | Aug 25 | Aug 24 | Aug 23 | Aug 22 | Aug 21 | Aug 20 | Aug 19 | Aug 18 | Aug 17 | Aug 16 | Aug 15 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
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 | 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 |
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 |
Readme
- Source
- raw.githubusercontent.com
SingularitySnippets
A collection of Singularity.gs snippets for Sublime Text 3.
SingularitySnippets is available through Package Control.
To install manually, execute the command git clone https://github.com/blcook223/SingularitySnippets.git
in your Sublime Text Packages
directory.
Snippets
To use a snippet, type in the two- to four-letter code in parentheses and press Tab.
Most snippets are available anywhere in a SASS or SCSS source file. Some, such as the various *-span include statements, are only available within a property list.
Grid and Gutter Definitions
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')
Options
change option (ch)
SCSS
@include sgs-change('${1:option}', ${2:value});
SASS
+sgs-change('${1:option}', ${2:value})
change output style (cho)
SCSS
@include sgs-change('output', ${1:value});
SASS
+sgs-change('output', ${1:value})
change direction (chd)
SCSS
@include sgs-change('direction', ${1:value});
SASS
+sgs-change('direction', ${1:value})
turn on debug grid (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})
Layouts
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}
Spans
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}')
isolation-span (is)
SCSS
@include isolation-span(${1:columns}, ${2:start}, '${3:clear}');
SASS
+isolation-span(${1:columns}, ${2:start}, '${3:clear}')
isolation-span 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})
float-span (fs)
SCSS
@include float-span(${1:columns});
SASS
+float-span(${1:columns})
float-span 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})
float-span first (fsf)
SCSS
@include float-span(${1:columns}, 'first');
SASS
+float-span(${1:columns}, 'first')
float-span last (fsl)
SCSS
@include float-span(${1:columns}, 'last');
SASS
+float-span(${1:columns}, 'last')
column-span (cs)
SCSS
column-span(${1:columns}, ${2:start}, ${3:grid}, ${4:gutter})
SASS
column-span(${1:columns}, ${2:start}, ${3:grid}, ${4:gutter})
gutter-span (gus)
SCSS
gutter-span(${1:gutter}, ${2:grid})
SASS
gutter-span(${1:gutter}, ${2:grid})
Other
include clearfix (icf)
SCSS
@include clearfix;
SASS
+clearfix
extend clearfix (ecf)
SCSS
@extend %clearfix;
SASS
@extend %clearfix
find-grid (fg)
SCSS
find-grid(${1:grid})
SASS
find-grid(${1:grid})
find-gutter (fgu)
SCSS
find-gutter(${1:gutter})
SASS
find-gutter(${1:gutter})