// Vertical accordion
// A basic vertical menu with toggles to open sub-menus, this is the same as
// the slidedown, overlay and offcanvas toggle but without hiding the entire
// menu also.

@mixin vertical-accordion($arrows: false) {

  .ms-vertical {

    .rm-block__content {
      @include output-rhythm(margin-top, 4px);

      .menu__link {
        @include output-rhythm(margin-bottom, 4px);
        @include output-rhythm(padding, $xx-small);
        position: relative;
        display: block;

        &:after {
          content: none;
          display: none;
        }
      }

      .is-child {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        transition: $global-transition;

        &.is-open--child {
          position: relative;
          visibility: visible;
          opacity: 1;
        }
      }

      .menu__item {
        font-family: inherit;
      }
    }
  }
}

