Skip to content

Instantly share code, notes, and snippets.

@iamcarrico
Last active August 29, 2015 14:05
Show Gist options
  • Select an option

  • Save iamcarrico/5903496d86398ff3a465 to your computer and use it in GitHub Desktop.

Select an option

Save iamcarrico/5903496d86398ff3a465 to your computer and use it in GitHub Desktop.
I broke SassMeister with this...
<div class="container">
<div class="left">Left A</div>
<div class="right">Right<br><br> A</div>
<div class="right">Right B</div>
<div class="right">Right<br><br> C</div>
<div class="left">Left B</div>
</div>
.container {
overflow: hidden;
padding: 1em;
background: #EEE;
}
.left {
background-color: blue;
width: 21.62162%;
float: left;
margin-right: -100%;
margin-left: 0;
clear: none;
clear: left;
}
.right {
background-color: red;
width: 75.67568%;
float: right;
margin-left: 0;
margin-right: 0;
clear: none;
}
@import "singularitygs";
@include add-grid(2 7);
.container {
overflow: hidden;
padding: 1em;
background: #EEE;
}
.left {
background-color: blue;
@include isolation-span(1,1);
clear: left;
}
.right {
background-color: red;
@include isolation-span(1,2);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment