diff options
author | Mario Vavti <mario@mariovavti.com> | 2020-08-22 19:40:57 +0200 |
---|---|---|
committer | Mario Vavti <mario@mariovavti.com> | 2020-08-22 19:40:57 +0200 |
commit | a9e19cb89ed08689dc58c92b3d5491318a703f0e (patch) | |
tree | 468e236e5cb4927a4fd01f650fab7ad9f6cfc895 /vendor/twbs/bootstrap/site/docs/4.5/examples | |
parent | 48786119871aaf1029fac12a37d212afddafc757 (diff) | |
download | volse-hubzilla-a9e19cb89ed08689dc58c92b3d5491318a703f0e.tar.gz volse-hubzilla-a9e19cb89ed08689dc58c92b3d5491318a703f0e.tar.bz2 volse-hubzilla-a9e19cb89ed08689dc58c92b3d5491318a703f0e.zip |
composer update bootstrap
Diffstat (limited to 'vendor/twbs/bootstrap/site/docs/4.5/examples')
-rw-r--r-- | vendor/twbs/bootstrap/site/docs/4.5/examples/floating-labels/floating-labels.css | 57 | ||||
-rw-r--r-- | vendor/twbs/bootstrap/site/docs/4.5/examples/floating-labels/index.html | 2 |
2 files changed, 40 insertions, 19 deletions
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 <div class="text-center mb-4"> <img class="mb-4" src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72"> <h1 class="h3 mb-3 font-weight-normal">Floating labels</h1> - <p>Build form controls with floating labels via the <code>:placeholder-shown</code> pseudo-element. <a href="https://caniuse.com/#feat=css-placeholder-shown">Works in latest Chrome, Safari, and Firefox.</a></p> + <p>Build form controls with floating labels via the <code>:placeholder-shown</code> pseudo-element. <a href="https://caniuse.com/#feat=css-placeholder-shown">Works in latest Chrome, Safari, Firefox, and IE 10/11 (prefixed).</a></p> </div> <div class="form-label-group"> |