Browse Source

Horizontal dividers now have letter spacing variables, can use em spacing around text

pull/1191/merge
jlukic 10 years ago
parent
commit
d20bff56df
2 changed files with 6 additions and 2 deletions
  1. 3
      src/definitions/elements/divider.less
  2. 5
      src/themes/default/elements/divider.variables

3
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;

5
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)~")";

Loading…
Cancel
Save