Skip to content

Instantly share code, notes, and snippets.

View StefanoRausch's full-sized avatar

Stefano F. Rausch StefanoRausch

  • Johannesburg - RSA
View GitHub Profile
<snippet>
<content><![CDATA[
@each \$${1:item} in ${2:list} {
${3:code}
}
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>each-item-in-list</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>source.scss</scope>
<snippet>
<content><![CDATA[
@else {
${1:code}
}
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>else-code</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>source.scss</scope>
<snippet>
<content><![CDATA[
@else if ${1:condition} {
${2:code}
}
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>else-if-condition</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>source.scss</scope>
<snippet>
<content><![CDATA[
@extend ${1:.}${2:selector};
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>extend-selector</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>source.scss</scope>
<!-- Optional: Set a description to override the snippet's name -->
<description>@extend selector</description>
<snippet>
<content><![CDATA[
@for \$${1:i} from ${2:start} through ${3:end} {
${4:code}
}
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>for-from-through</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>source.scss</scope>
<snippet>
<content><![CDATA[
@if ${1:condition} {
${2:code}
}
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>if-condition</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>source.scss</scope>
@StefanoRausch
StefanoRausch / if-true-or-false.sublime-snippet
Created February 14, 2013 06:07
SCSS : if true or false
<snippet>
<content><![CDATA[
if( ${1:condition}, ${2:if-true}, ${3:if-false} )
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>if-true-or-false(</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>source.scss</scope>
<!-- Optional: Set a description to override the snippet's name -->
<description>if true of false</description>
<snippet>
<content><![CDATA[
@import "${1:file}${2:.scss}";$0
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>import-file</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>source.scss</scope>
<!-- Optional: Set a description to override the snippet's name -->
<description>@import file</description>
<snippet>
<content><![CDATA[
@include ${1:mixin}${2:( ${3:\$${4:arguments}} )};$0
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>include-mixin</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>source.scss</scope>
<!-- Optional: Set a description to override the snippet's name -->
<description>@include mixin</description>
<snippet>
<content><![CDATA[
@include ${1:mixin}( ${2:\$${3:arguments}} );
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>include-mixin-with-arguments</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>source.scss</scope>
<!-- Optional: Set a description to override the snippet's name -->
<description>@include mixin with arguments</description>