rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-22 19:54:22 +01:00
Code Issues Actions Packages Releases Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
site/docs/4.1/examples/album/album.css
View File

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

15
site/docs/4.1/examples/floating-labels/floating-labels.css
View File

@ -1,8 +1,3 @@
:root {
--input-padding-x: .75rem;
--input-padding-y: .75rem;
}
html, html,
body { body {
height: 100%; height: 100%;
@ -33,7 +28,7 @@ body {
.form-label-group > input, .form-label-group > input,
.form-label-group > label { .form-label-group > label {
height: 3.125rem; height: 3.125rem;
padding: var(--input-padding-y) var(--input-padding-x); padding: .75rem;
} }
.form-label-group > label { .form-label-group > label {
@ -72,13 +67,13 @@ body {
} }
.form-label-group input:not(:placeholder-shown) { .form-label-group input:not(:placeholder-shown) {
padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3)); padding-top: 1.25rem;
padding-bottom: calc(var(--input-padding-y) / 3); padding-bottom: .25rem;
} }
.form-label-group input:not(:placeholder-shown) ~ label { .form-label-group input:not(:placeholder-shown) ~ label {
padding-top: calc(var(--input-padding-y) / 3); padding-top: .25rem;
padding-bottom: calc(var(--input-padding-y) / 3); padding-bottom: .25rem;
font-size: 12px; font-size: 12px;
color: #777; color: #777;
} }