src/styles/components/header/_component.scss
@import "settings";
@import "mixins";
@import "documentation";
@if($voxel-header__include-classes) {
.voxel-header {
@include voxel-header();
}
/*html*/.voxel-csstransforms .voxel-header {
@include voxel-header--with-transforms();
}
@each $theme in $voxel-color__themes--supported {
.voxel-theme--#{$theme} .voxel-header {
@include voxel-header__themes($theme);
}
}
.voxel-header__title {
@include voxel-header__title();
}
@each $theme in $voxel-color__themes--supported {
.voxel-theme--#{$theme} .voxel-header__title {
@include voxel-header__title__themes($theme);
}
}
/*html*/.voxel-csstransitions .voxel-header__title {
@include voxel-header__title--with-transitions();
}
/*html*/.voxel-cssfilters .voxel-header__title--inactive {
@include voxel-header__title--inactive--with-filters();
}
.voxel-header__title__sub {
@include voxel-header__title__sub();
}
@each $theme in $voxel-color__themes--supported {
.voxel-theme--#{$theme} .voxel-header__title__sub {
@include voxel-header__title__sub__themes($theme);
}
}
}