File tree Expand file tree Collapse file tree 1 file changed +5
-5
lines changed
Expand file tree Collapse file tree 1 file changed +5
-5
lines changed Original file line number Diff line number Diff line change 4040// |_______________________________|
4141//
4242// ____________________________
43- // | top: -21px + (21px / 2) |
43+ // | top: -21px + (21px / 2.5) |
4444// |_ _ _ _ _ _ _ _ _ _ _ _ _ _ |__
4545// |____________________________| |
4646// | |
4747// | |
4848// | |
4949// |_______________________________|
5050//
51- // top: - label height + (label height / 2)
51+ // top: - label height + (label height / 2.5 )
5252//
5353$label-height-sm : $font-size-sm * $input-line-height ; // 21px
54- $label-top-position-sm : #{- $label-height-sm + $label-height-sm / 2.5 } ; // -21px + (21px / 2) = -10.5px
54+ $label-top-position-sm : #{- $label-height-sm + $label-height-sm / 2.5 } ; // -21px + (21px / 2.5 ) = -12.6px
5555$label-height-md : $font-size-base * $input-line-height ; // 24px
56- $label-top-position-md : #{- $label-height-md + $label-height-md / 2.5 } ; // -24px + (24px / 2) = -12px
56+ $label-top-position-md : #{- $label-height-md + $label-height-md / 2.5 } ; // -24px + (24px / 2.5 ) = -14.4px
5757$label-height-lg : $font-size-lg * $input-line-height ; // 30px
58- $label-top-position-lg : #{- $label-height-lg + $label-height-lg / 2.5 } ; // -30px + (30px / 2) = -15px
58+ $label-top-position-lg : #{- $label-height-lg + $label-height-lg / 2.5 } ; // -30px + (30px / 2.5 ) = -18px
5959
6060@mixin label-common {
6161 // Breaks flexbox :-/
You can’t perform that action at this time.
0 commit comments