Last Updated: February 25, 2016
·
1.477K
· musgrove

A Sublime Text Snippet for Media Query Mixins

Here's a Sublime Text2/3 snippet compliments of James Nowland that will save time when coding a responsive site using SASS:

<snippet>
<content><![CDATA[
@include breakpoint(${1:papa-bear / mama-bear / baby-bear}) {
    ${2:}
}

]]></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.python</scope> -->
</snippet>

Chris Coyier runs through how to use it in a ~6 minute video here:
http://youtu.be/xKabkIB8Ma8

Original gist here: https://gist.github.com/jnowland/5151162