Skip to content

Instantly share code, notes, and snippets.

@czajkovsky
Created April 7, 2014 11:34
Show Gist options
  • Save czajkovsky/10018672 to your computer and use it in GitHub Desktop.
Save czajkovsky/10018672 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// Bourbon (v)
// Neat (v)
// ----
@import bourbon/bourbon
@import neat/neat
$screen-xs: 640px
$screen-sm: $screen-xs + 1px
$count: 0
=responsive
$count: 0
+media($screen-sm)
@content
$count: 1
@content
=r($rule, $xs, $md)
@if $count == 1
#{$rule}: $xs
@else
#{$rule}: $md
p
+responsive
+r(line-height, 16px, 36px)
+r(width, 100px, 200px)
+r(height, 150px, 300px)
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
p {
line-height: 16px;
width: 100px;
height: 150px;
}
@media screen and (min-width: 641px) {
p {
line-height: 36px;
width: 200px;
height: 300px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment