Browse Source

#2440 continuous lineheight noodling

flex-list
jlukic 9 years ago
parent
commit
859243fb60
2 changed files with 15 additions and 20 deletions
  1. 13
      src/definitions/modules/checkbox.less
  2. 22
      src/themes/default/modules/checkbox.variables

13
src/definitions/modules/checkbox.less

@ -77,12 +77,10 @@
.ui.checkbox label:before { .ui.checkbox label:before {
position: absolute; position: absolute;
line-height: @checkboxCheckLineHeight;
width: 17px;
height: 17px;
top: 0em;
left: 0em;
width: @checkboxSize;
height: @checkboxSize;
top: @checkboxTop;
left: @checkboxLeft;
content: ''; content: '';
background: @checkboxBackground; background: @checkboxBackground;
@ -106,7 +104,6 @@
width: @checkboxCheckSize; width: @checkboxCheckSize;
height: @checkboxCheckSize; height: @checkboxCheckSize;
text-align: center; text-align: center;
vertical-align: middle;
opacity: 0; opacity: 0;
color: @checkboxColor; color: @checkboxColor;
@ -449,7 +446,7 @@
top: @toggleLaneVerticalOffset; top: @toggleLaneVerticalOffset;
background-color: @neutralCheckbox;
background: @toggleLaneBackground;
width: @toggleLaneWidth; width: @toggleLaneWidth;
height: @toggleLaneHeight; height: @toggleLaneHeight;
border-radius: @toggleHandleRadius; border-radius: @toggleHandleRadius;

22
src/themes/default/modules/checkbox.variables

@ -4,17 +4,14 @@
@checkboxSize: 17px; @checkboxSize: 17px;
@checkboxColor: @textColor; @checkboxColor: @textColor;
@checkboxLineHeight: 15px;
@checkboxLineHeight: @checkboxSize;
/* Label */ /* Label */
@labelDistance: 1.85714em; /* 26px @ 14em */
@neutralCheckbox: @transparentBlack;
@positiveCheckbox: @positiveColor;
@negativeCheckbox: @negativeColor;
@labelDistance: 1.85714em; /* 26px @ 14/em */
/* Checkbox */ /* Checkbox */
@checkboxTop: 0px;
@checkboxLeft: 0px;
@checkboxBackground: @white; @checkboxBackground: @white;
@checkboxBorder: 1px solid @solidBorderColor; @checkboxBorder: 1px solid @solidBorderColor;
@checkboxBorderRadius: @defaultBorderRadius; @checkboxBorderRadius: @defaultBorderRadius;
@ -26,10 +23,10 @@
; ;
/* Checkmark */ /* Checkmark */
@checkboxCheckFontSize: 1em;
@checkboxCheckTop: 0px;
@checkboxCheckLeft: 0px;
@checkboxCheckLineHeight: @checkboxSize;
@checkboxCheckFontSize: 14px;
@checkboxCheckTop: @checkboxTop;
@checkboxCheckLeft: @checkboxLeft;
@checkboxCheckLineHeight: @checkboxLineHeight;
@checkboxCheckSize: @checkboxSize; @checkboxCheckSize: @checkboxSize;
/* Label */ /* Label */
@ -105,7 +102,7 @@
@sliderLineHeight: @3px; @sliderLineHeight: @3px;
@sliderLineVerticalOffset: 0.4rem; @sliderLineVerticalOffset: 0.4rem;
@sliderLineColor: @neutralCheckbox;
@sliderLineColor: @transparentBlack;
@sliderLineRadius: @circularRadius; @sliderLineRadius: @circularRadius;
@sliderLineTransition: background @sliderTransitionDuration @defaultEasing; @sliderLineTransition: background @sliderTransitionDuration @defaultEasing;
@ -137,6 +134,7 @@
left @sliderTransitionDuration @defaultEasing left @sliderTransitionDuration @defaultEasing
; ;
@toggleLaneBackground: @transparentBlack;
@toggleLaneHeight: @toggleHandleSize; @toggleLaneHeight: @toggleHandleSize;
@toggleLaneVerticalOffset: 0rem; @toggleLaneVerticalOffset: 0rem;
@toggleOffOffset: -0.05rem; @toggleOffOffset: -0.05rem;

Loading…
Cancel
Save