rishabhsrao/voxel

@import "settings";
@import "mixins";
@import "documentation";

@if($voxel-drawer__include-classes) {
  .voxel-drawer {
    @include voxel-drawer();
  }

  @each $theme in $voxel-color__themes--supported {
    .voxel-theme--#{$theme} .voxel-drawer {
      @include voxel-drawer__themes($theme);
    }
  }

  /*html*/.voxel-csstransitions .voxel-drawer {
    @include voxel-drawer--with-transitions();
  }

  /*html*/.voxel-csstransforms .voxel-drawer {
    @include voxel-drawer--with-transforms();
  }

  .voxel-drawer--active {
    @include voxel-drawer--active();
  }

  /*html*/.voxel-csstransforms .voxel-drawer--active {
    @include voxel-drawer--active--with-transforms();
  }

  .voxel-drawer__toggle {
    @include voxel-drawer__toggle();
  }

  @each $theme in $voxel-color__themes--supported {
    .voxel-theme--#{$theme} .voxel-drawer__toggle {
      @include voxel-drawer__toggle__themes($theme);
    }
  }

  .voxel-drawer__toggle--active {
    @include voxel-drawer__toggle--active();
  }

  @each $theme in $voxel-color__themes--supported {
    .voxel-theme--#{$theme} .voxel-drawer__toggle--active {
      @include voxel-drawer__toggle--active__themes($theme);
    }
  }

  /*html*/.voxel-csstransitions .voxel-drawer__toggle {
    @include voxel-drawer__toggle--with-transitions();
  }

  /*html*/.voxel-csstransforms .voxel-drawer__toggle--active {
    @include voxel-drawer__toggle--active--with-transforms();
  }

  .voxel-drawer__title {
    @include voxel-drawer__title();
  }

  @each $theme in $voxel-color__themes--supported {
    .voxel-theme--#{$theme} .voxel-drawer__title {
      @include voxel-drawer__title__themes($theme);
    }
  }

  .voxel-drawer__header {
    @include voxel-drawer__header();
  }

  /*html*/.voxel-csstransforms .voxel-drawer__header {
    @include voxel-drawer__header--with-transforms();
  }

  @each $theme in $voxel-color__themes--supported {
    .voxel-theme--#{$theme} .voxel-drawer__header {
      @include voxel-drawer__header__themes($theme);
    }
  }
}