Skip to content

Instantly share code, notes, and snippets.

@m59peacemaker
Last active August 29, 2015 14:04
Show Gist options
  • Save m59peacemaker/6cc5534223a28eb2fb67 to your computer and use it in GitHub Desktop.
Save m59peacemaker/6cc5534223a28eb2fb67 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<ol class="bordered-inner bordered-inner-3-cols">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----
ol {
width: 600px;
li {
width: 200px;
height: 100px;
box-sizing: border-box;
}
}
.bordered-inner {
&:after {
content: "";
display: table;
clear: both;
}
li {
box-sizing: border-box;
float: left;
border-width: 0;
border-color: black;
border-style: solid;
border-right-width: 1px;
border-bottom-width: 1px;
}
}
@for $i from 2 to 10 {
.bordered-inner-#{$i}-cols {
li {
&:nth-child(#{$i}n) {
border-right:none;
}
&:nth-last-child(-n+#{$i}) {
border-bottom: none;
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment