/*******************************
            Divider
*******************************/

/*-------------------
       Element
--------------------*/

@dividerMargin: 1rem 0rem;

@dividerHighlightWidth: 1px;
@dividerHighlightColor: @whiteBorderColor;

@dividerShadowWidth: 1px;
@dividerShadowColor: @borderColor;

/* Text */
@dividerLetterSpacing: 0.05em;
@dividerFontWeight: @bold;
@dividerColor: @darkTextColor;
@dividerTextTransform: uppercase;

/*-------------------
       Coupling
--------------------*/

/* Icon */
@dividerDividerIconSize: 1rem;
@dividerDividerIconMargin: 0rem;


/*******************************
         Variations
*******************************/

/* Horizontal / Vertical */
@dividerHorizontalMargin: '';
@dividerHorizontalDividerMargin: 1em;
@dividerHorizontalRulerOffset: ~"calc(-50% - "(@dividerHorizontalDividerMargin)~")";

@dividerVerticalDividerMargin: 1rem;
@dividerVerticalDividerHeight: ~"calc(100% - "(@dividerVerticalDividerMargin)~")";

/* Inverted */
@dividerInvertedTextColor: @white;
@dividerInvertedHighlightColor: rgba(255, 255, 255, 0.15);
@dividerInvertedShadowColor: @borderColor;

/* Section */
@dividerSectionMargin: 2rem;

/* Sizes */
@dividerMedium: 1rem;