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:
parent
2d8422f5f5
commit
0fd40837e8
1 changed files with 3 additions and 3 deletions
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue