aboutsummaryrefslogtreecommitdiffstats
path: root/vendor/twbs/bootstrap/site/docs/4.5/examples/floating-labels
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2020-08-22 19:40:57 +0200
committerMario Vavti <mario@mariovavti.com>2020-08-22 19:40:57 +0200
commita9e19cb89ed08689dc58c92b3d5491318a703f0e (patch)
tree468e236e5cb4927a4fd01f650fab7ad9f6cfc895 /vendor/twbs/bootstrap/site/docs/4.5/examples/floating-labels
parent48786119871aaf1029fac12a37d212afddafc757 (diff)
downloadvolse-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/floating-labels')
-rw-r--r--vendor/twbs/bootstrap/site/docs/4.5/examples/floating-labels/floating-labels.css57
-rw-r--r--vendor/twbs/bootstrap/site/docs/4.5/examples/floating-labels/index.html2
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">