/**
 * Helper styles for js-collapsable
 */
.js-collapsable {
  &__toggle {
    cursor: pointer;
    &::before {
      content: '+';
      float: right;
      font-weight: bold;
    }
  }
  &__content {
    overflow-y: hidden;
    height: 0;
    transition: height $transition-time * 2 $ease-soft;
  }

  &.is-open {
    .js-collapsable__toggle::before {
      content: '-';
    }
  }
}