Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save jeromecoupe/5857742 to your computer and use it in GitHub Desktop.
Save jeromecoupe/5857742 to your computer and use it in GitHub Desktop.
// ---
// Sass (v3.2.9)
// ---
@mixin respond-to($queries...) {
$length: length($queries);
@for $i from 1 through $length{
@if $i % 2 == 1 {
@media screen and (min-width: nth($queries, $i)) {
#{nth($queries, $i+1)} {
@content;
}
}
}
}
}
@include respond-to(32em, ".content", 90em, aside) {
.schedule-component {
float: left;
width: 100%;
position:relative;
}
.schedule-component ul,
.schedule-component li {
list-style: none;
position: absolute;
margin: 0;
padding: 0;
}
}
@media screen and (min-width: 32em) {
.content .schedule-component {
float: left;
width: 100%;
position: relative;
}
.content .schedule-component ul,
.content .schedule-component li {
list-style: none;
position: absolute;
margin: 0;
padding: 0;
}
}
@media screen and (min-width: 90em) {
aside .schedule-component {
float: left;
width: 100%;
position: relative;
}
aside .schedule-component ul,
aside .schedule-component li {
list-style: none;
position: absolute;
margin: 0;
padding: 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment