/*******************************
Dimmer
*******************************/
@dimmablePosition: relative; @dimmerPosition: absolute;
@background: rgba(0, 0, 0 , 0.85); @lineHeight: 1; @perspective: 2000px;
@duration: 0.5s; @transition:
background-color @duration linear
; @zIndex: 1000; @textAlign: center; @verticalAlign: middle; @textColor: @white; @overflow: hidden;
@elementStartFilter: ~“blur(0px) grayscale(0)”; @elementEndFilter: ~“blur(15px) grayscale(0.7)”; @elementTransition: 1.5s all ease;
/* Hidden (Default) */ @hiddenOpacity: 0;
/* Content */ @contentDisplay: table; @contentChildDisplay: table-cell;
/* Visible */ @visibleOpacity: 1;
/*——————-
Types
——————–*/
/* Page Dimmer*/ @transformStyle: ”; @pageDimmerPosition: fixed;
/*——————-
Variations
——————–*/
/* Inverted */ @invertedBackground: rgba(255, 255, 255, 0.85); @invertedTextColor: @textColor;
/* Simple */ @simpleZIndex: 1; @simpleStartBackground: rgba(0, 0, 0, 0); @simpleEndBackground: @background; @simpleInvertedStartBackground: rgba(255, 255, 255, 0); @simpleInvertedEndBackground: @invertedBackground;