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.0.rc.2)
// ----
$box-line: red;
.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
#{&}__item ~ #{&}__item
& ~ & {
//Same border as .paragraph-list tr ~ tr in _lists.scss
border-top: $box-line;
}
}
#{&}__prop {
display: table-cell;
padding: $half-spacing-unit/2;
}
}
Invalid CSS after " #{": expected expression (e.g. 1px, bold), was "&}__header-group {"
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.