Generated by SassMeister.com.

SassMeister-input.scss

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

SassMeister-output.css

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