Skip to content

Instantly share code, notes, and snippets.

@sorabh86

sorabh86/html5-media-query.sublime-snippet

Created November 26, 2013 12:01
Show Gist options
  • Save sorabh86/7657268 to your computer and use it in GitHub Desktop.
Save sorabh86/7657268 to your computer and use it in GitHub Desktop.
Download ZIP
Html5: media query for devices
Raw
html5-media-query.sublime-snippet
<snippet>
<content><![CDATA[
<!-- Phone -->
<link href="${1:phone-style.css}" rel="stylesheet" type="text/css" media="only screen and (max-width:320px)">
<!-- Tablet -->
<link href="${2:tablet-style.css}" rel="stylesheet" type="text/css" media="only screen and (min-width:321px) and (max-width:768px)">
<!-- Desktop -->
<link href="${3:style.css}" rel="stylesheet" type="text/css" media="only screen and (min-width:769px)">
]]></content>
<tabTrigger>mq</tabTrigger>
<scope>text.html</scope>
<description>css/media-phone/tablet/desktop</description>
</snippet>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment