Sublime Text Snippet: Zurb Foundation 5 CSS Media Query

foundation5_breakpoint_media_query.sublime-snippet

<snippet>
    <content><![CDATA[
@media #{\$${1:medium-up}} {
    $2
}
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>f5bp</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.scss</scope>
</snippet>

<!--
Sublime Text Snippet: Zurb Foundation 5 CSS Media Query

@media is a Zurb Foundation SASS Function for inserting CSS breakpoints
This is just shorthand to insert it faster.

Tab Trigger: f5bp
Default value is "medium-up". It seems like the most used media query.

To find folder to place this file in:
From st3 menu go to Preferences > Browse Packages
Then go into the \User directory
-->