Last Updated: February 25, 2016
·
1.543K
· 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

OSZAR »