Sublime Settings

README.md

#My Snippets haha

after-sass.sublime-snippet

<snippet>
	<content><![CDATA[
&:after
	content: '$1'
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>after</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.sass</scope>
</snippet>

after.sublime-snippet

<snippet>
	<content><![CDATA[
&:after {
	content: '$1';
}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>after</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.less</scope> -->
</snippet>

Angular2HTML.sublime-settings

{
	"extensions":
	[
		"html"
	]
}

apparence-sass.sublime-snippet

<snippet>
	<content><![CDATA[
-webkit-appearance: none
-moz-appearance: none
appearance: none
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>apparence</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.sass</scope>
</snippet>

apparence.sublime-snippet

<snippet>
	<content><![CDATA[
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>apparence</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.less</scope> -->
</snippet>

before-sass.sublime-snippet

<snippet>
	<content><![CDATA[
&:before
	content: '$1'
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>before</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.sass</scope>
</snippet>

before.sublime-snippet

<snippet>
	<content><![CDATA[
&:before {
	content: '$1';
}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>before</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.less</scope> -->
</snippet>

calc-less.sublime-snippet

<snippet>
	<content><![CDATA[
calc(~"$1")
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>calc</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.less</scope>
</snippet>

Default%20%28OSX%29.sublime-keymap

[
	{"keys": ["alt+shift+f"], "command": "reindent", "args": {"single_line": false}}
]

extend-sass-1.sublime-snippet

<snippet>
	<content><![CDATA[
@extend $1
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>ext</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.sass</scope>
</snippet>

extend-sass.sublime-snippet

<snippet>
	<content><![CDATA[
@extend $1
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>ext</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.scss</scope>
</snippet>

extend.sublime-snippet

<snippet>
	<content><![CDATA[
&:extend($1);
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>ext</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.less</scope>
</snippet>

first-less-1.sublime-snippet

<snippet>
	<content><![CDATA[
&:first-child{
	$1;
}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>first</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.less</scope>
</snippet>

first-sass-1.sublime-snippet

<snippet>
	<content><![CDATA[
&:first-child
	$1
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>first</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.sass</scope>
</snippet>

first-scss-1.sublime-snippet

<snippet>
	<content><![CDATA[
&:first-child{
	$1;
}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>first</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.scss</scope>
</snippet>

flexbox-sass-1.sublime-snippet

<snippet>
	<content><![CDATA[
+flexbox($1 $2, $3, $4, $5)
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>flex</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.sass</scope>
</snippet>

flexbox-sass.sublime-snippet

<snippet>
	<content><![CDATA[
@include flexbox($1 $2, $3, $4, $5);
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>flex</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.scss</scope>
</snippet>

flexbox.sublime-snippet

<snippet>
	<content><![CDATA[
.flexbox($1 $2, $3, $4, $5);
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>flex</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.less</scope>
</snippet>

form.sublime-snippet

<snippet>
	<content><![CDATA[
<form action="#" class="form">
	$1
</form>
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>forms</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.html</scope> -->
</snippet>

full-sass.sublime-snippet

<snippet>
	<content><![CDATA[
position: absolute
width: 100%
height: 100%
top: 0
left: 0
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>full</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.sass</scope>
</snippet>

full.sublime-snippet

<snippet>
	<content><![CDATA[
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>full</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.less</scope> -->
</snippet>

hover-focus.sublime-snippet

<snippet>
	<content><![CDATA[
&:hover{
	${1}
}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>h-f</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.less</scope> -->
</snippet>

hover-sass.sublime-snippet

<snippet>
	<content><![CDATA[
&:hover
	${1}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>hover</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.sass</scope>
</snippet>

hover.sublime-snippet

<snippet>
	<content><![CDATA[
&:hover{
	${1}
}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>hover</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.less</scope> -->
</snippet>

HTML.sublime-settings

{
	"extensions":
	[
	]
}

include-sass.sublime-snippet

<snippet>
	<content><![CDATA[
@include $1
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>inc</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.scss</scope>
</snippet>

input-checkbox.sublime-snippet

<snippet>
	<content><![CDATA[
<input type="checkbox" placeholder="$1">
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>inp:check</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.html</scope> -->
</snippet>

input-email.sublime-snippet

<snippet>
	<content><![CDATA[
<input type="email" placeholder="$1">
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>inp:email</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.html</scope> -->
</snippet>

input-radio.sublime-snippet

<snippet>
	<content><![CDATA[
<input type="radio" placeholder="$1">
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>inp:radio</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.html</scope> -->
</snippet>

input.sublime-snippet

<snippet>
	<content><![CDATA[
<input type="text" placeholder="$1">
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>inp:text</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.html</scope> -->
</snippet>

JavaScript%20%28Babel%29.sublime-settings

{
	"extensions":
	[
		"coffee",
		"js"
	]
}

JavaScriptNext.sublime-settings

{
	"extensions":
	[
	]
}

last-less-1.sublime-snippet

<snippet>
	<content><![CDATA[
&:last-child{
	$1
}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>last</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.less</scope>
</snippet>

last-sass-1.sublime-snippet

<snippet>
	<content><![CDATA[
&:last-child
	$1
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>last</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.sass</scope>
</snippet>

last-scss-1.sublime-snippet

<snippet>
	<content><![CDATA[
&:last-child{
	$1
}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>last</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.scss</scope>
</snippet>

lg-sass.sublime-snippet

<snippet>
	<content><![CDATA[
@include lg() {
	$1
}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>lg</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.scss</scope>
</snippet>

lg.sublime-snippet

<snippet>
	<content><![CDATA[
@media(@lg){
	${1}
}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>lg</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.less</scope>
</snippet>

magento.sublime-snippet

<snippet>
	<content><![CDATA[
{{block type="core/template" template="rotadomar/$1.phtml" block_id="$2"}}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>magento</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.python</scope> -->
</snippet>

md-sass.sublime-snippet

<snippet>
	<content><![CDATA[
@include md() {
	$1
}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>md</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.scss</scope>
</snippet>

md.sublime-snippet

<snippet>
	<content><![CDATA[
@media(@md){
	${1}
}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>md</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.less</scope>
</snippet>

media-sass.sublime-snippet

<snippet>
	<content><![CDATA[
+media($1px)
	$2
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>media</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.sass</scope>
</snippet>

media.sublime-snippet

<snippet>
	<content><![CDATA[
@include media($1px) {
	$2
}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>media</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.scss</scope>
</snippet>

menu.sublime-snippet

<snippet>
	<content><![CDATA[
<nav class="$1">
    <ul>
        <li><a href="#">$2</a></li>
        <li><a href="#">$3</a></li>
        <li><a href="#">$4</a></li>
        <li><a href="#">$5</a></li>
    </ul>
</nav>
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>navs</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.html</scope> -->
</snippet>

mq.sublime-snippet

<snippet>
	<content><![CDATA[
@media(max-width: ${1}px){

}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>mq</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.less</scope>
</snippet>

Package%20Control.sublime-settings

{
	"bootstrapped": true,
	"in_process_packages":
	[
	],
	"installed_packages":
	[
		"Angular 2 Snippets (John Papa)",
		"Angular2 HTML Syntax",
		"Babel",
		"Better JavaScript",
		"ColorSchemeEditor",
		"Emmet",
		"FileDiffs",
		"Jade",
		"JavaScriptNext - ES6 Syntax",
		"LESS",
		"Package Control",
		"PackageResourceViewer",
		"Predawn",
		"Sass",
		"SCSS",
		"SFTP",
		"Sync Settings",
		"Table Editor",
		"Twig",
		"TypeScript",
		"WakaTime"
	]
}

place-sass.sublime-snippet

<snippet>
	<content><![CDATA[
::-webkit-input-placeholder
   color: $1
:-moz-placeholder
   color: $1
::-moz-placeholder
   color: $1
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>place</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.sass</scope>
</snippet>

place.sublime-snippet

<snippet>
	<content><![CDATA[
::-webkit-input-placeholder{
   color: $1;
}
:-moz-placeholder {
   color: $1;
}
::-moz-placeholder {
   color: $1;
}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>place</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.less</scope> -->
</snippet>

Preferences.sublime-settings

{
	"caret_extra_width": 1,
	"caret_style": "phase",
	"close_windows_when_empty": false,
	"drag_text": false,
	"draw_minimap_border": true,
	"enable_tab_scrolling": false,
	"ensure_newline_at_eof_on_save": true,
	"font_options":
	[
		"no_round"
	],
	"font_size": 13,
	"ignored_packages":
	[
		"JavaScript",
		"Vintage"
	],
	"match_brackets_content": false,
	"match_selection": false,
	"match_tags": true,
	"open_files_in_new_window": false,
	"overlay_scroll_bars": "enabled",
	"predawn_tabs_active_underline": true,
	"preview_on_click": true,
	"scroll_past_end": true,
	"scroll_speed": 5.0,
	"show_full_path": false,
	"tab_size": 2,
	"tabs_medium": true,
	"theme": "predawn-DEV.sublime-theme",
	"translate_tabs_to_spaces": true,
	"trim_trailing_white_space_on_save": true,
	"word_wrap": false
}

select.sublime-snippet

<snippet>
	<content><![CDATA[
<select name="" id="">
	<option value="$1">$1</option>
</select>
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>sel</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.html</scope> -->
</snippet>

sm-sass.sublime-snippet

<snippet>
	<content><![CDATA[
@include sm() {
	$1
}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>sm</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.scss</scope>
</snippet>

sm.sublime-snippet

<snippet>
	<content><![CDATA[
@media(@sm){
	${1}
}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>sm</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.less</scope>
</snippet>

Sublime Settings

/*Sublime Settings*/

submit.sublime-snippet

<snippet>
	<content><![CDATA[
<button type="submit">$1</button>
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>sub</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.html</scope> -->
</snippet>

transition-sass-1.sublime-snippet

<snippet>
	<content><![CDATA[
@extend %transition
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>tra</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.sass</scope>
</snippet>

transition-sass.sublime-snippet

<snippet>
	<content><![CDATA[
@extend %transition;
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>tra</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.scss</scope>
</snippet>

transition.sublime-snippet

<snippet>
	<content><![CDATA[
.transition;
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>tra</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.less</scope>
</snippet>

TypeScript.sublime-settings

{
	"extensions":
	[
		"ts"
	]
}

WakaTime.sublime-settings

{
	"api_key": "09073458-0bed-40b4-918c-597301b04d43"
}

xs-sass.sublime-snippet

<snippet>
	<content><![CDATA[
@include xs() {
	$1
}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>sxs</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.scss</scope>
</snippet>