From a9e19cb89ed08689dc58c92b3d5491318a703f0e Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Sat, 22 Aug 2020 19:40:57 +0200 Subject: composer update bootstrap --- .../examples/floating-labels/floating-labels.css | 57 +++++++++++++++------- .../docs/4.5/examples/floating-labels/index.html | 2 +- 2 files changed, 40 insertions(+), 19 deletions(-) (limited to 'vendor/twbs/bootstrap/site/docs/4.5/examples/floating-labels') diff --git a/vendor/twbs/bootstrap/site/docs/4.5/examples/floating-labels/floating-labels.css b/vendor/twbs/bootstrap/site/docs/4.5/examples/floating-labels/floating-labels.css index d8ad2f3c1..079a66652 100644 --- a/vendor/twbs/bootstrap/site/docs/4.5/examples/floating-labels/floating-labels.css +++ b/vendor/twbs/bootstrap/site/docs/4.5/examples/floating-labels/floating-labels.css @@ -25,13 +25,13 @@ body { margin-bottom: 1rem; } -.form-label-group > input, -.form-label-group > label { +.form-label-group input, +.form-label-group label { height: 3.125rem; padding: .75rem; } -.form-label-group > label { +.form-label-group label { position: absolute; top: 0; left: 0; @@ -51,15 +51,15 @@ body { color: transparent; } -.form-label-group input:-ms-input-placeholder { +.form-label-group input::-moz-placeholder { color: transparent; } -.form-label-group input::-ms-input-placeholder { +.form-label-group input:-ms-input-placeholder { color: transparent; } -.form-label-group input::-moz-placeholder { +.form-label-group input::-ms-input-placeholder { color: transparent; } @@ -67,11 +67,35 @@ body { color: transparent; } +.form-label-group input:not(:-moz-placeholder-shown) { + padding-top: 1.25rem; + padding-bottom: .25rem; +} + +.form-label-group input:not(:-ms-input-placeholder) { + padding-top: 1.25rem; + padding-bottom: .25rem; +} + .form-label-group input:not(:placeholder-shown) { padding-top: 1.25rem; padding-bottom: .25rem; } +.form-label-group input:not(:-moz-placeholder-shown) ~ label { + padding-top: .25rem; + padding-bottom: .25rem; + font-size: 12px; + color: #777; +} + +.form-label-group input:not(:-ms-input-placeholder) ~ label { + padding-top: .25rem; + padding-bottom: .25rem; + font-size: 12px; + color: #777; +} + .form-label-group input:not(:placeholder-shown) ~ label { padding-top: .25rem; padding-bottom: .25rem; @@ -82,21 +106,18 @@ body { /* Fallback for Edge -------------------------------------------------- */ @supports (-ms-ime-align: auto) { - .form-label-group > label { - display: none; - } - .form-label-group input::-ms-input-placeholder { - color: #777; + .form-label-group { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; } -} -/* Fallback for IE --------------------------------------------------- */ -@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .form-label-group > label { - display: none; + .form-label-group label { + position: static; } - .form-label-group input:-ms-input-placeholder { + + .form-label-group input::-ms-input-placeholder { color: #777; } } diff --git a/vendor/twbs/bootstrap/site/docs/4.5/examples/floating-labels/index.html b/vendor/twbs/bootstrap/site/docs/4.5/examples/floating-labels/index.html index d837ccaf1..42cbdeb27 100644 --- a/vendor/twbs/bootstrap/site/docs/4.5/examples/floating-labels/index.html +++ b/vendor/twbs/bootstrap/site/docs/4.5/examples/floating-labels/index.html @@ -9,7 +9,7 @@ include_js: false

Floating labels

-

Build form controls with floating labels via the :placeholder-shown pseudo-element. Works in latest Chrome, Safari, and Firefox.

+

Build form controls with floating labels via the :placeholder-shown pseudo-element. Works in latest Chrome, Safari, Firefox, and IE 10/11 (prefixed).

-- cgit v1.2.3