61 lines
1.3 KiB
Plaintext
61 lines
1.3 KiB
Plaintext
/*******************************
|
|
Dimmer
|
|
*******************************/
|
|
|
|
@dimmablePosition: relative;
|
|
@dimmerPosition: absolute;
|
|
|
|
@backgroundColor: 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;
|
|
|
|
@blurredStartFilter: ~"blur(0px) grayscale(0)";
|
|
@blurredEndFilter: ~"blur(5px) grayscale(0.7)";
|
|
@blurredTransition: 800ms filter @defaultEasing;
|
|
|
|
@blurredBackgroundColor: rgba(0, 0, 0, 0.6);
|
|
@blurredInvertedBackgroundColor: rgba(255, 255, 255, 0.6);
|
|
|
|
/* Hidden (Default) */
|
|
@hiddenOpacity: 0;
|
|
|
|
/* Content */
|
|
@contentDisplay: table;
|
|
@contentChildDisplay: table-cell;
|
|
|
|
/* Visible */
|
|
@visibleOpacity: 1;
|
|
|
|
/*-------------------
|
|
Types
|
|
--------------------*/
|
|
|
|
/* Page Dimmer*/
|
|
@transformStyle: '';
|
|
@pageDimmerPosition: fixed;
|
|
|
|
|
|
/*-------------------
|
|
Variations
|
|
--------------------*/
|
|
|
|
/* Inverted */
|
|
@invertedBackgroundColor: rgba(255, 255, 255, 0.85);
|
|
@invertedTextColor: @textColor;
|
|
|
|
/* Simple */
|
|
@simpleZIndex: 1;
|
|
@simpleStartBackgroundColor: rgba(0, 0, 0, 0);
|
|
@simpleEndBackgroundColor: @backgroundColor;
|
|
@simpleInvertedStartBackgroundColor: rgba(255, 255, 255, 0);
|
|
@simpleInvertedEndBackgroundColor: @invertedBackgroundColor; |