2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-17 19:21:23 +03:00

Remove custom properties from examples so that they work in IE (#27634)

This commit is contained in:
Martijn Cuppens
2018-11-11 09:52:06 +01:00
committed by XhmikosR
parent 731f95bded
commit 6cb6e6510c
2 changed files with 9 additions and 18 deletions
@@ -1,8 +1,3 @@
:root {
--input-padding-x: .75rem;
--input-padding-y: .75rem;
}
html,
body {
height: 100%;
@@ -33,7 +28,7 @@ body {
.form-label-group > input,
.form-label-group > label {
height: 3.125rem;
padding: var(--input-padding-y) var(--input-padding-x);
padding: .75rem;
}
.form-label-group > label {
@@ -72,13 +67,13 @@ body {
}
.form-label-group input:not(:placeholder-shown) {
padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
padding-bottom: calc(var(--input-padding-y) / 3);
padding-top: 1.25rem;
padding-bottom: .25rem;
}
.form-label-group input:not(:placeholder-shown) ~ label {
padding-top: calc(var(--input-padding-y) / 3);
padding-bottom: calc(var(--input-padding-y) / 3);
padding-top: .25rem;
padding-bottom: .25rem;
font-size: 12px;
color: #777;
}