From d20bff56df1a4296544896f5fd997cf93f691f12 Mon Sep 17 00:00:00 2001 From: jlukic Date: Mon, 27 Oct 2014 15:26:46 -0400 Subject: [PATCH] Horizontal dividers now have letter spacing variables, can use em spacing around text --- src/definitions/elements/divider.less | 3 ++- src/themes/default/elements/divider.variables | 5 ++++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/src/definitions/elements/divider.less b/src/definitions/elements/divider.less index 7a104f58a..3590a25c6 100755 --- a/src/definitions/elements/divider.less +++ b/src/definitions/elements/divider.less @@ -31,6 +31,7 @@ font-weight: @fontWeight; text-transform: @textTransform; + letter-spacing: @letterSpacing; color: @color; user-select: none; @@ -85,7 +86,7 @@ } .ui.horizontal.divider:before { - margin-left: -(50% + @horizontalDividerMargin); + margin-left: @horizontalRulerOffset; } .ui.horizontal.divider:after { margin-left: @horizontalDividerMargin; diff --git a/src/themes/default/elements/divider.variables b/src/themes/default/elements/divider.variables index 2934cc32b..18d65ce3c 100644 --- a/src/themes/default/elements/divider.variables +++ b/src/themes/default/elements/divider.variables @@ -15,6 +15,7 @@ @shadowColor: rgba(0, 0, 0, 0.1); /* Text */ +@letterSpacing: 0.05em; @fontWeight: bold; @color: @darkTextColor; @textTransform: uppercase; @@ -34,7 +35,9 @@ /* Horizontal / Vertical */ @horizontalMargin: ''; -@horizontalDividerMargin: 1.5%; +@horizontalDividerMargin: 1em; +@horizontalRulerOffset: ~"calc(-50% - "(@horizontalDividerMargin)~")"; + @verticalDividerMargin: 1rem; @verticalDividerHeight: ~"calc(100% - "(@verticalDividerMargin)~")";