diff options
Diffstat (limited to 'site/docs/4.3/examples/floating-labels/floating-labels.css')
-rw-r--r-- | site/docs/4.3/examples/floating-labels/floating-labels.css | 100 |
1 files changed, 0 insertions, 100 deletions
diff --git a/site/docs/4.3/examples/floating-labels/floating-labels.css b/site/docs/4.3/examples/floating-labels/floating-labels.css deleted file mode 100644 index 295a7e695e..0000000000 --- a/site/docs/4.3/examples/floating-labels/floating-labels.css +++ /dev/null @@ -1,100 +0,0 @@ -html, -body { - height: 100%; -} - -body { - display: flex; - align-items: center; - padding-top: 40px; - padding-bottom: 40px; - background-color: #f5f5f5; -} - -.form-signin { - width: 100%; - max-width: 420px; - padding: 15px; - margin: auto; -} - -.form-label-group { - position: relative; - margin-bottom: 1rem; -} - -.form-label-group > input, -.form-label-group > label { - height: 3.125rem; - padding: .75rem; -} - -.form-label-group > label { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - margin-bottom: 0; /* Override default `<label>` margin */ - line-height: 1.5; - color: #495057; - pointer-events: none; - cursor: text; /* Match the input under the label */ - border: 1px solid transparent; - border-radius: .25rem; - transition: all .1s ease-in-out; -} - -.form-label-group input::-webkit-input-placeholder { - color: transparent; -} - -.form-label-group input:-ms-input-placeholder { - color: transparent; -} - -.form-label-group input::-ms-input-placeholder { - color: transparent; -} - -.form-label-group input::-moz-placeholder { - color: transparent; -} - -.form-label-group input::placeholder { - color: transparent; -} - -.form-label-group input:not(:placeholder-shown) { - padding-top: 1.25rem; - padding-bottom: .25rem; -} - -.form-label-group input:not(:placeholder-shown) ~ label { - padding-top: .25rem; - padding-bottom: .25rem; - font-size: 12px; - color: #777; -} - -/* Fallback for Edge --------------------------------------------------- */ -@supports (-ms-ime-align: auto) { - .form-label-group > label { - display: none; - } - .form-label-group input::-ms-input-placeholder { - color: #777; - } -} - -/* Fallback for IE --------------------------------------------------- */ -@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .form-label-group > label { - display: none; - } - .form-label-group input:-ms-input-placeholder { - color: #777; - } -} |