CSS Bracket Expander Sublime Text Snippet

bracket.sublime-snippet

<snippet>
  <!-- Type `bracket` and hit tab to open a bracket with a closing comment. -->
  <!-- Type the class for the element you are styling and it is placed at the top and in the comment after the closing bracket -->
  <!-- Hit tab a second time to put your cursor into a beautifuly tabbed spot within the bracket -->
  <!-- https://webdevstudios.com/2016/08/16/snippets-saved-life-how-sublime-text-3-snippets-changed-everything/ -->
  <content><![CDATA[
.${1:example} {
  ${2:Type a class then hit tab!}
} //.${1:example}
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>bracket</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <!-- <scope> seems to break stuff / not work / disable snippet. ¯\_(ツ)_/¯ -->
  <!-- <scope>source.scss</scope> -->
</snippet>