* {box-sizing: border-box;}

.tabbed {
  .tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    li {
      display: inline-block;
      cursor: pointer;
      &:first-child { border-left: none; }
      &[data-open="true"],
      &:hover {
        //
      }
      &:active {
        //
      }
    }
  }
  .content {
    padding: 0.2em;
    .item,
    .item[data-open="false"] {
      display: none;
    }
    .item[data-open="true"] {
      display: block !important;
    }
  }
}