From 3e2f9ab237e0e338fbe497213ad2353e59fbee9c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 27 Oct 2020 20:45:48 -0700 Subject: v5: Floating labels (#30449) * v5: Promote floating labels example to component - Adds new .form-floating - Stubs out basics of a docs page - Removes existing Example * Update floating labels to support .form-select, make inputs and selects more consistent - To do this, I made the .form-control and .form-select consistent in min-height vs height - Removed some unused variables now - Updated -color to be the -color because I don't know why this was any different before - Update page to include some examples for layout, validation, and value - Rewrite styles to not modify padding, but instead transform and opacity * Streamline and bulletproof some things - Apply some optimizations from code review - Removed unecessary properties from the label - Add some comments for what properties are required - Move from fixed height for labels to height 100% so we can support textareas - Improve docs a little bit, add ToC * Move some values to variables, switch from scaling font-size to scale, update transforms * Bring over changes from #30966 and add to them to tighten things up * Delete the now unused example images * Fix typo * Allowlist the calc function * Add transform-origin, update transform values * Test out autofill fix * Fix linter issue * Mention it in the migration guide * Bump bundlesize * Add one more variable per review * Shave .25rem off the height Co-authored-by: XhmikosR --- dist/css/bootstrap-reboot.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) (limited to 'dist/css/bootstrap-reboot.css') diff --git a/dist/css/bootstrap-reboot.css b/dist/css/bootstrap-reboot.css index 714c7df48..a93aaa3d8 100644 --- a/dist/css/bootstrap-reboot.css +++ b/dist/css/bootstrap-reboot.css @@ -11,9 +11,15 @@ box-sizing: border-box; } +@media (prefers-reduced-motion: no-preference) { + :root { + scroll-behavior: smooth; + } +} + body { margin: 0; - font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; @@ -183,7 +189,7 @@ a { } a:hover { - color: #024dbc; + color: #0a58ca; } a:not([href]):not([class]), a:not([href]):not([class]):hover { -- cgit v1.2.3