/* *****************************************************************************
*
*  Collapse fixed aside
*
* ***************************************************************************** */

.collapse-fixed-aside {
  $collapse-fixed-aside: &;
  @include flex-maker(flex, flex-start, start, row-reverse);
  position: fixed;
  z-index: $zindex-fixed-aside;
  left: 0;
  filter: drop-shadow(0 .05rem .25rem rgba(0,0,0,0.2));

  &__checkbox {
    &:checked ~ #{$collapse-fixed-aside}__content {
      display: block;
    }
  }

  &__btn {
    border-radius: 0;
    margin: 0;
    transform: rotate(-90deg) translate(-100%, 0px);
    transform-origin: top left;
  }

  &__content {
    display: none;
  }
}