Create a gist now

Instantly share code, notes, and snippets.

Embed other Gist files in your Draft

Using a the following syntax you can now embed other files from the same Gist in your Draft!

<gist>SassMeister-input.scss</gist>

Becomes:

SassMeister-input.scss

View the raw version of this Gist

// ---
// Breakpoint Slicer (v1.1)
// Singularity (v1.0.7)
// Sass (v3.2.7)
// ---
$slicer-breakpoints: 0 400px 600px 800px 1050px;
.element {
@include at(2) {
// Code from this block will only be applied to .element
// when browser window width is between 400px and 600px.
background-color: red;
// This is a mixin from Singularity
// @include grid-span(2, 4);
}
}
@media (min-width: 400px) and (max-width: 600px) {
.element {
background-color: red;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment