Skip to content

Instantly share code, notes, and snippets.

@zellwk
Created August 13, 2015 11:36
Show Gist options
  • Select an option

  • Save zellwk/9365842265ca0897cff0 to your computer and use it in GitHub Desktop.

Select an option

Save zellwk/9365842265ca0897cff0 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class="container">
<div class="testing">testing</div>
</div>
// ----
// libsass (v3.2.5)
// ----
@import "susy";
$susy:(debug:(image:true));
.container {@include container(show)};
.testing {
@include susy-breakpoint(800px, split) {
@include span(2);
}
}
.container {
max-width: 100%;
margin-left: auto;
margin-right: auto;
background-image: linear-gradient(to right, rgba(102, 102, 255, 0.25), rgba(179, 179, 255, 0.25) 80%, transparent 80%);
background-size: 26.31579%;
background-origin: content-box;
background-clip: content-box;
background-position: left top;
}
.container:after {
content: " ";
display: block;
clear: both;
}
@media (min-width: 800px) {
.testing {
width: 45%;
float: left;
margin-left: 2.5%;
margin-right: 2.5%;
}
}
<div class="container">
<div class="testing">testing</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment