My Sublime Text Snippets and Config

breakpoint.sublime-snippet

<snippet>
	<content><![CDATA[@include breakpoint(\$bp-${1:default}, ${2:true}${3:,} ${4:'.ie7'}) {
  ${5:}
}]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>bp</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.python</scope> -->
</snippet>

clearfix.sublime-snippet

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

convertFourSpacesToTwo.sublime-macro

[
	{
		"args": null,
		"command": "select_all"
	},
	{
		"args":
		{
			"set_translate_tabs": true
		},
		"command": "unexpand_tabs"
	},
	{
		"args": {
			"setting": "tab_size",
			"value": 2
		},
		"command": "set_setting"
	},
	{
		"args":
		{
			"set_translate_tabs": true
		},
		"command": "expand_tabs"
	}
]

convertTwoSpacesToFour.sublime-macro

[
	{
		"args": null,
		"command": "select_all"
	},
	{
		"args":
		{
			"set_translate_tabs": true
		},
		"command": "unexpand_tabs"
	},
	{
		"args": {
			"setting": "tab_size",
			"value": 4
		},
		"command": "set_setting"
	},
	{
		"args":
		{
			"set_translate_tabs": true
		},
		"command": "expand_tabs"
	}
]

correct-answer.sublime-snippet

<snippet>
  <content><![CDATA[
<span class="fragment correct ${1:correct-no-code}" data-fragment-index="1">&#9733;</span>
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>corr</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <!-- <scope>source.python</scope> -->
</snippet>

Default (Windows).sublime-keymap

[
    { "keys": ["home"], "command": "move_to", "args": {"to": "hardbol", "extend": false} },
    { "keys": ["end"], "command": "move_to", "args": {"to": "hardeol", "extend": false} },
    { "keys": ["shift+end"], "command": "move_to", "args": {"to": "hardeol", "extend": true} },
    { "keys": ["ctrl+home"], "command": "move_to", "args": {"to": "hardbof", "extend": false} }
]

Package Control.sublime-settings

{
	"installed_packages":
	[
		"AdvancedNewFile",
		"BracketHighlighter",
		"Emmet",
		"JavaScriptNext - ES6 Syntax",
		"Markdown Extended",
		"SideBarEnhancements",
		"StringEncode",
		"Syntax Highlighting for Sass",
		"Git",
		"Material Theme",
		"Package Control",
	]
}

picturefill.sublime-snippet

<snippet>
  <content><![CDATA[
<span ${1:class="${2}"} data-picture data-alt="${3:Moar Internets!}">
    <span data-src="${4:file}${5:.jpg}"></span>
    <span data-src="${4:file}-x2${5:.jpg}" ${6:data-media="(${7:min-width}: ${8:400px})"}></span>
    <span data-src="${4:file}-x3${5:.jpg}" ${9:data-media="(${10:min-width}: ${11:800px})"}></span>
</span>
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>pic</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <!-- <scope>source.python</scope> -->
</snippet>

Preferences.sublime-settings

{
	"always_show_minimap_viewport": true,
	"auto_complete_commit_on_tab": true,
	"auto_complete_with_fields": true,
	"bold_folder_labels": true,
	"caret_extra_bottom": 3,
	"caret_extra_top": 3,
	"caret_extra_width": 3,
	"caret_style": "phase",
	"color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker-OceanicNext.tmTheme",
	"create_window_at_startup": false,
	"file_exclude_patterns":
	[
		"*.pdf",
		"*.pyc",
		"*.pyo",
		"*.exe",
		"*.dll",
		"*.obj",
		"*.o",
		"*.a",
		"*.lib",
		"*.so",
		"*.dylib",
		"*.ncb",
		"*.sdf",
		"*.suo",
		"*.pdb",
		"*.idb",
		".DS_Store",
		"*.class",
		"*.psd",
		"*.db",
		"*.doc",
		"*.docx",
		"*.xls",
		"*.xlsx",
		"*.ppt",
		"*.pptx"
	],
	"folder_exclude_patterns":
	[
		".sass-cache",
		"_notes",
		"node_modules",
		".git",
		"jsp",
		"tmp"
	],
	"font_options":
	[
		"gray_antialias"
	],
	"font_size": 15,
	"highlight_line": true,
	"highlight_modified_tabs": true,
	"ignored_packages":
	[
		"Vintage"
	],
	"indent_guide_options":
	[
		"draw_normal",
		"draw_active"
	],
	"line_padding_bottom": 3,
	"line_padding_top": 3,
	"match_brackets": true,
	"match_brackets_angle": true,
	"match_brackets_braces": true,
	"match_brackets_content": true,
	"match_brackets_square": true,
	"open_files_in_new_window": false,
	"overlay_scroll_bars": "enabled",
	"scroll_past_end": true,
	"tab_size": 2,
	"theme": "Material-Theme-Darker.sublime-theme",
	"translate_tabs_to_spaces": true,
	"trim_trailing_white_space_on_save": true,
	"word_wrap": true
}

SCSS.sublime-settings

{
	"extensions":
	[
		"css",
		"scss"
	]
}

sec-code.sublime-snippet

<snippet>
  <content><![CDATA[
<section>
    <h2>${1}</h2>
    <p>${2}</p>
    <pre><code class="${3:javascript}">${4}</code></pre>
</section>
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>secode</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <!-- <scope>source.python</scope> -->
</snippet>

sec-h2-p.sublime-snippet

<snippet>
  <content><![CDATA[
section>h2+p
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>sec</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <!-- <scope>source.python</scope> -->
</snippet>

sec-op-code.sublime-snippet

<snippet>
  <content><![CDATA[
<section>
    <h2>${1}</h2>
    <p>${2}</p>
    <ol>
      <li>
        <pre><code class="${3:javascript}"></code></pre>
      </li>
      <li>
        <pre><code class="${3:javascript}"></code></pre>
      </li>
      <li>
        <pre><code class="${3:javascript}"></code></pre>
      </li>
      <li>
        <pre><code class="${3:javascript}"></code></pre>
      </li>
      <li>
        <pre><code class="${3:javascript}"></code></pre>
      </li>
    </ol>
</section>
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>secopcode</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <!-- <scope>source.python</scope> -->
</snippet>

sec-op.sublime-snippet

<snippet>
  <content><![CDATA[
section>h2+ol>(li)*5
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>secop</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <!-- <scope>source.python</scope> -->
</snippet>

Work = 16px
Macbook = 14px;
Laptop = 15px;