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
Written by Michael Musgrove
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Responsive
Authors
Related Tags
#responsive
#sublime-text
#sublime text 2
#media queries
#rwd
#webdesignpop
#sublime text 3
#sass
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#