Skip to content

Instantly share code, notes, and snippets.

@jdlehman
Created January 13, 2015 18:36
Show Gist options
  • Save jdlehman/43639afb3779d57f973c to your computer and use it in GitHub Desktop.
Save jdlehman/43639afb3779d57f973c to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class="Container">
<div class="Container-left">
left
</div>
<div class="Container-right">
right
</div>
</div>
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// Susy (v2.1.3)
// ----
@import "susy";
$susy: (
columns: 12
);
.Container {
@include container;
}
.Container-left {
background-color: green;
@include span(6);
}
.Container-right {
background-color: blue;
@include span(last 6);
}
.Container {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.Container:after {
content: " ";
display: block;
clear: both;
}
.Container-left {
background-color: green;
width: 49.1525423729%;
float: left;
margin-right: 1.6949152542%;
}
.Container-right {
background-color: blue;
width: 49.1525423729%;
float: right;
margin-right: 0;
}
<div class="Container">
<div class="Container-left">
left
</div>
<div class="Container-right">
right
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment