Generated by SassMeister.com.

SassMeister-input.scss

// ----
// 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;
      }
}

SassMeister-output.css

Invalid CSS after "  #{": expected expression (e.g. 1px, bold), was "&}__header-group {"