Skip to content

Commit c7084cf

Browse files
committed
Fix label-top-position-* comments
1 parent 85d55eb commit c7084cf

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

src/bootstrap-floating-label.scss

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -40,22 +40,22 @@
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 :-/

0 commit comments

Comments
 (0)