Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Generated by SassMeister.com.
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----
// ----
// Sass (v3.3.10)
// ----
$box-line: red;
$half-spacing-unit: 9px;
.portfolio {
display: table;
width: 100%;
border-spacing: 2px;
margin-bottom: 1.5rem;
&__header-group {
display: table-header-group;
}
&__headers {
display: table-row;
}
&__header {
display: table-cell;
}
&__items {
display: table-row-group;
}
&__item {
display: table-row;
// same padding as .paragraph--list td
& ~ & {
//Same border as .paragraph-list tr ~ tr in _lists.scss
border-top: $box-line;
}
}
&__prop {
display: table-cell;
padding: $half-spacing-unit/2;
}
}
.portfolio {
display: table;
width: 100%;
border-spacing: 2px;
margin-bottom: 1.5rem;
}
.portfolio__header-group {
display: table-header-group;
}
.portfolio__headers {
display: table-row;
}
.portfolio__header {
display: table-cell;
}
.portfolio__items {
display: table-row-group;
}
.portfolio__item {
display: table-row;
}
.portfolio__item ~ .portfolio__item {
border-top: red;
}
.portfolio__prop {
display: table-cell;
padding: 4.5px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.