/*******************************
Divider
*******************************/
/*——————-
Element
——————–*/
@margin: 1rem 0rem;
@highlightWidth: 1px; @highlightColor: rgba(255, 255, 255, 0.2);
@shadowWidth: 1px; @shadowColor: rgba(0, 0, 0, 0.1);
/* Text */ @letterSpacing: 0.05em; @fontWeight: bold; @color: @darkTextColor; @textTransform: uppercase;
/*——————-
Coupling
——————–*/
/* Icon */ @dividerIconSize: 1rem; @dividerIconMargin: 0rem;
/*******************************
Variations
*******************************/
/* Horizontal / Vertical */ @horizontalMargin: ”; @horizontalDividerMargin: 1em; @horizontalRulerOffset: ~“calc(-50% - ”(@horizontalDividerMargin)~“)”;
@verticalDividerMargin: 1rem; @verticalDividerHeight: ~“calc(100% - ”(@verticalDividerMargin)~“)”;
/* Inverted */ @invertedTextColor: @white; @invertedHighlightColor: rgba(255, 255, 255, 0.15); @invertedShadowColor: rgba(0, 0, 0, 0.15);
/* Section */ @sectionMargin: 2rem;
/* Sizes */ @medium: 1rem;