0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-20 17:54:23 +01: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

View File

@ -1,17 +1,13 @@
:root {
--jumbotron-padding-y: 3rem;
}
.jumbotron {
padding-top: var(--jumbotron-padding-y);
padding-bottom: var(--jumbotron-padding-y);
padding-top: 3rem;
padding-bottom: 3rem;
margin-bottom: 0;
background-color: #fff;
}
@media (min-width: 768px) {
.jumbotron {
padding-top: calc(var(--jumbotron-padding-y) * 2);
padding-bottom: calc(var(--jumbotron-padding-y) * 2);
padding-top: 6rem;
padding-bottom: 6rem;
}
}

View File

@ -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;
}