rishabhsrao/voxel-hologram

/*html*/#voxel .voxel-hologram__content {
  .voxel-drawer {
    @include voxel-drawer();
  }

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

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

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

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

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

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

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

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

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

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

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

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

/*html*/#voxel.voxel-cssfilters .voxel-header__title--inactive {
  @include voxel-header__title--inactive--with-filters();
}

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

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

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

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

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