1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00

Fix custom-forms heights and position (#25602)

Now `.custom-control` will have height equal to `$font-size-base`
Fix custom checkbox and radio top position (we can't subtract rem from unit)
`$line-height-base - $custom-control-indicator-size` is not valid
Because `$line-height-base` is a unitless variable and `$custom-control-indicator-size`
is a unit (rem) variable
This commit is contained in:
Andrew Luca 2018-07-15 07:29:19 +03:00 committed by Mark Otto
parent 2d8422f5f5
commit 0fd40837e8

View file

@ -10,7 +10,7 @@
.custom-control {
position: relative;
display: block;
min-height: (1rem * $line-height-base);
min-height: ($font-size-base * $line-height-base);
padding-left: $custom-control-gutter;
}
@ -63,7 +63,7 @@
// Background-color and (when enabled) gradient
&::before {
position: absolute;
top: (($line-height-base - $custom-control-indicator-size) / 2);
top: (($font-size-base * $line-height-base - $custom-control-indicator-size) / 2);
left: -$custom-control-gutter;
display: block;
width: $custom-control-indicator-size;
@ -78,7 +78,7 @@
// Foreground (icon)
&::after {
position: absolute;
top: (($line-height-base - $custom-control-indicator-size) / 2);
top: (($font-size-base * $line-height-base - $custom-control-indicator-size) / 2);
left: -$custom-control-gutter;
display: block;
width: $custom-control-indicator-size;