From 0caed940a578cb920a750dc0ce287c7d71e59a3e Mon Sep 17 00:00:00 2001 From: Jonathan Hefner Date: Sun, 24 Nov 2019 13:15:35 -0600 Subject: Set vertical-align on .form-check-input (#29521) This is a follow-up to #29322, specifically "allowing easy placement of the `.form-check-input` in more places." In my testing in Firefox and Chrome, setting `vertical-align: top` removes the need to add `float-left` to vertically align the checkbox and label text. And doing so does not visually affect examples which do apply `float: left` via nesting in a `.form-check`. --- scss/forms/_form-check.scss | 1 + 1 file changed, 1 insertion(+) (limited to 'scss') diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss index d3aaf058b..c4837f83b 100644 --- a/scss/forms/_form-check.scss +++ b/scss/forms/_form-check.scss @@ -18,6 +18,7 @@ width: $form-check-input-width; height: $form-check-input-width; margin-top: ($line-height-base - $form-check-input-width) / 2; // line-height minus check height + vertical-align: top; background-color: $form-check-input-bg; border: $form-check-input-border; appearance: none; -- cgit v1.2.3