@import "app.variables";
@import "variables";
@import "../../vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/vendor-prefixes";
@import "mixins/skin-generator";

/* Sample header skins */
.header-dark {
	@include header-variant($brand-dark, darken($brand-dark, 5%), #fff, #fff);
}
.header-red {
	@include header-variant(#F44336, darken(#F44336, 5%), #fff, #fff);
}
.header-pink {
	@include header-variant(#E91E63, darken(#E91E63, 5%), #fff, #fff);
}
.header-purple {
	@include header-variant(#9C27B0, darken(#9C27B0, 5%), #fff, #fff);
}
.header-deeppurple {
	@include header-variant(#673AB7, darken(#673AB7, 5%), #fff, #fff);
}
.header-indigo {
	@include header-variant(#3F51B5, darken(#3F51B5, 5%), #fff, #fff);
}
.header-blue {
	@include header-variant(#2196F3, darken(#2196F3, 5%), #fff, #fff);
}
.header-lightblue {
	@include header-variant(#03A9F4, darken(#03A9F4, 5%), #fff, #fff);
}
.header-cyan {
	@include header-variant(#00BCD4, darken(#00BCD4, 5%), #fff, #fff);
}
.header-teal {
	@include header-variant(#009688, darken(#009688, 5%), #fff, #fff);
}
.header-green {
	@include header-variant(#4CAF50, darken(#4CAF50, 5%), #fff, #fff);
}
.header-lightgreen {
	@include header-variant(#74D108, darken(#74D108, 5%), #fff, #fff);
}
.header-lime {
	@include header-variant(#CDDC39, darken(#CDDC39, 5%), #fff, #fff);
}
.header-yellow {
	@include header-variant(#FFEB3B, darken(#FFEB3B, 5%), #fff, #fff);
}
.header-amber {
	@include header-variant(#FFC107, darken(#FFC107, 5%), #fff, #fff);
}
.header-orange {
	@include header-variant(#FF9800, darken(#FF9800, 5%), #fff, #fff);
}
.header-deeporange {
	@include header-variant(#FF5722, darken(#FF5722, 5%), #fff, #fff);
}
.header-brown {
	@include header-variant(#795548, darken(#795548, 5%), #fff, #fff);
}
.header-grey {
	@include header-variant(#9E9E9E, darken(#9E9E9E, 5%), #fff, #fff);
}
.header-bluegrey {
	@include header-variant(#607D8B, darken(#607D8B, 5%), #fff, #fff);
}