// ------------------------------------------------------------------------------------------------
// LOADER
// ------------------------------------------------------------------------------------------------
// ------------------------------------------------------------------------------------------------
// LOADER
// ------------------------------------------------------------------------------------------------
// @extend %xts-loader;
// %xts-loader {
// position: absolute;
// width: 70px;
// height: 70px;
// &:before {
// content: "";
// display: block;
// width: 100%;
// height: 100%;
// animation: woodmart_rotate 1s linear infinite;
// }
// &:first-child {
// transform: skew(30deg, 20deg);
// }
// &:last-child {
// transform: skew(-30deg, -20deg) scale(-1, 1);
// &:before {
// animation-delay: -.5s;
// }
// }
// }
// ------------------------------------------
// DEFAULT LOADER
// ------------------------------------------
// @if $general {
// .xts-loader {
// position: absolute;
// top: 50%;
// left: 50%;
// visibility: hidden;
// width: 70px;
// height: 70px;
// opacity: 0;
// transition: all .3s ease;
// transform: translate(-50%, -50%);
// .xts-loading & {
// visibility: visible;
// opacity: 1;
// }
// }
// .xts-loader-el {
// @extend %xts-loader;
// &:before {
// background-image: url(../../images/loader/xts-loader.svg);
// }
// }
// } // END IF
// ------------------------------------------
// BACKGROUND LOADER
// ------------------------------------------
// .xts-loader-wrapper {
// z-index: 20;
// // display: none;
// visibility: hidden;
// background: rgba(255, 255, 255, .8);
// opacity: 0;
// transition: all .3s ease;
// @extend %xts-fill;
// .xts-loader {
// position: sticky;
// -webkit-transform: translate(-50%, 20px);
// transform: translate(-50%, 20px);
// }
// // > p {
// // position: sticky;
// // top: 50%;
// // left: 50%;
// // display: inline-block;
// // font-size: 16px;
// // -webkit-transform: translate(-50%, 100px);
// // transform: translate(-50%, 100px);
// // -webkit-animation: flickerAnimation 2s infinite;
// // animation: flickerAnimation 2s infinite;
// // }
// .xts-loading & {
// // display: block;
// visibility: visible;
// opacity: 1;
// }
// }
//**** CSS GENERATOR ****//
// .xts-box {
// .xts-loader-wrapper {
// background: rgba(0, 0, 0, .8);
// .xts-loader {
// position: sticky;
// top: 50%;
// left: 0;
// display: flex;
// justify-content: center;
// width: 100%;
// -webkit-transform: none;
// transform: none;
// }
// > p {
// position: sticky;
// top: calc(50% + 80px);
// left: 0;
// width: 100%;
// color: #FFF;
// text-align: center;
// font-size: 16px;
// // transform: translateY(-50%);
// -webkit-animation: flickerAnimation 2s infinite;
// animation: flickerAnimation 2s infinite;
// }
// .xts-loader-el {
// &:before {
// background-image: url(../../images/loader/xts-loader-light.svg);
// }
// }
// }
// }
// ------------------------------------------
// WHB LOADER
// ------------------------------------------
// .whb-loader {
// z-index: 2;
// display: flex;
// // display: none;
// align-items: center;
// justify-content: center;
// visibility: hidden;
// margin: -20px;
// background: rgba(0, 0, 0, .8);
// opacity: 0;
// transition: all .3s ease;
// @extend %xts-fill;
// &.whb-loading {
// // display: flex;
// visibility: visible;
// opacity: 1;
// }
// }
// .whb-loading-icon {
// margin: auto auto 10px;
// width: 70px;
// height: 70px;
// }
// .whb-loading-circle {
// @extend %xts-loader;
// &:before {
// background-image: url(../../images/loader/xts-loader-light.svg);
// }
// }
// .whb-loading-text {
// color: #FFF;
// font-size: 16px;
// -webkit-animation: flickerAnimation 2s infinite;
// animation: flickerAnimation 2s infinite;
// }