Browse Source

Remove obsolete CSS vendor prefixes

pull/555/head
Pēteris Caune 3 years ago
parent
commit
f424d14d83
No known key found for this signature in database GPG Key ID: E28D7679E9A9EDE2
2 changed files with 3 additions and 92 deletions
  1. +2
    -44
      static/css/bootstrap.css
  2. +1
    -48
      stuff/bootstrap/mixins/vendor-prefixes.less

+ 2
- 44
static/css/bootstrap.css View File

@ -253,14 +253,10 @@ th {
} }
} }
* { * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
*:before, *:before,
*:after { *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
html { html {
@ -316,8 +312,6 @@ img {
background-color: var(--body-bg); background-color: var(--body-bg);
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 2px; border-radius: 2px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
display: inline-block; display: inline-block;
max-width: 100%; max-width: 100%;
@ -1784,8 +1778,6 @@ label {
font-weight: bold; font-weight: bold;
} }
input[type="search"] { input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
input[type="radio"], input[type="radio"],
@ -1831,24 +1823,19 @@ output {
background-image: none; background-image: none;
border: 1px solid var(--input-border); border: 1px solid var(--input-border);
border-radius: 2px; border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
} }
.form-control:focus { .form-control:focus {
border-color: #66afe9; border-color: #66afe9;
outline: 0; outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 4px rgba(102, 175, 233, 0.2);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 4px rgba(102, 175, 233, 0.2); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 4px rgba(102, 175, 233, 0.2);
} }
.form-control::-moz-placeholder {
color: var(--text-muted);
opacity: 1;
}
.form-control:-ms-input-placeholder { .form-control:-ms-input-placeholder {
color: var(--text-muted); color: var(--text-muted);
} }
.form-control::-webkit-input-placeholder {
.form-control::placeholder {
color: var(--text-muted); color: var(--text-muted);
opacity: 1;
} }
.form-control::-ms-expand { .form-control::-ms-expand {
border: 0; border: 0;
@ -2094,12 +2081,10 @@ select[multiple].input-lg {
} }
.has-success .form-control { .has-success .form-control {
border-color: #3c763d; border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
} }
.has-success .form-control:focus { .has-success .form-control:focus {
border-color: #2b542c; border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(60, 118, 61, 0.2);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(60, 118, 61, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(60, 118, 61, 0.2);
} }
.has-success .input-group-addon { .has-success .input-group-addon {
@ -2124,12 +2109,10 @@ select[multiple].input-lg {
} }
.has-warning .form-control { .has-warning .form-control {
border-color: #8a6d3b; border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
} }
.has-warning .form-control:focus { .has-warning .form-control:focus {
border-color: #66512c; border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(138, 109, 59, 0.2);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(138, 109, 59, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(138, 109, 59, 0.2);
} }
.has-warning .input-group-addon { .has-warning .input-group-addon {
@ -2154,12 +2137,10 @@ select[multiple].input-lg {
} }
.has-error .form-control { .has-error .form-control {
border-color: #a94442; border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
} }
.has-error .form-control:focus { .has-error .form-control:focus {
border-color: #843534; border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(169, 68, 66, 0.2);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(169, 68, 66, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(169, 68, 66, 0.2);
} }
.has-error .input-group-addon { .has-error .input-group-addon {
@ -2310,7 +2291,6 @@ select[multiple].input-lg {
.btn.active { .btn.active {
outline: 0; outline: 0;
background-image: none; background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
} }
.btn.disabled, .btn.disabled,
@ -2318,7 +2298,6 @@ select[multiple].input-lg {
fieldset[disabled] .btn { fieldset[disabled] .btn {
cursor: not-allowed; cursor: not-allowed;
opacity: 0.65; opacity: 0.65;
-webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
a.btn.disabled, a.btn.disabled,
@ -2678,7 +2657,6 @@ fieldset[disabled] .btn-danger.focus {
.btn-link[disabled], .btn-link[disabled],
fieldset[disabled] .btn-link { fieldset[disabled] .btn-link {
background-color: transparent; background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
.btn-link, .btn-link,
@ -2735,8 +2713,6 @@ input[type="button"].btn-block {
} }
.fade { .fade {
opacity: 0; opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear; transition: opacity 0.15s linear;
} }
.fade.in { .fade.in {
@ -2758,11 +2734,8 @@ tbody.collapse.in {
position: relative; position: relative;
height: 0; height: 0;
overflow: hidden; overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility; transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s; transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; transition-timing-function: ease;
} }
.caret { .caret {
@ -2800,7 +2773,6 @@ tbody.collapse.in {
border: 1px solid #ccc; border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 2px; border-radius: 2px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box; background-clip: padding-box;
} }
@ -2989,11 +2961,9 @@ tbody.collapse.in {
padding-right: 12px; padding-right: 12px;
} }
.btn-group.open .dropdown-toggle { .btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
} }
.btn-group.open .dropdown-toggle.btn-link { .btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
.btn .caret { .btn .caret {
@ -4177,7 +4147,6 @@ button.list-group-item-danger.active:focus {
background-color: var(--panel-bg); background-color: var(--panel-bg);
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 2px; border-radius: 2px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
} }
.panel-body { .panel-body {
@ -4554,19 +4523,10 @@ button.close {
outline: 0; outline: 0;
} }
.modal.fade .modal-dialog { .modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%); transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out; transition: transform 0.3s ease-out;
} }
.modal.in .modal-dialog { .modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); transform: translate(0, 0);
} }
.modal-open .modal { .modal-open .modal {
@ -4584,7 +4544,6 @@ button.close {
border: 1px solid #999; border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box; background-clip: padding-box;
outline: 0; outline: 0;
@ -4647,7 +4606,6 @@ button.close {
margin: 30px auto; margin: 30px auto;
} }
.modal-content { .modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
} }
.modal-sm { .modal-sm {


+ 1
- 48
stuff/bootstrap/mixins/vendor-prefixes.less View File

@ -66,14 +66,11 @@
// supported browsers that have box shadow capabilities now support it. // supported browsers that have box shadow capabilities now support it.
.box-shadow(@shadow) { .box-shadow(@shadow) {
-webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
box-shadow: @shadow; box-shadow: @shadow;
} }
// Box sizing // Box sizing
.box-sizing(@boxmodel) { .box-sizing(@boxmodel) {
-webkit-box-sizing: @boxmodel;
-moz-box-sizing: @boxmodel;
box-sizing: @boxmodel; box-sizing: @boxmodel;
} }
@ -99,72 +96,40 @@
// Placeholder text // Placeholder text
.placeholder(@color: @input-color-placeholder) { .placeholder(@color: @input-color-placeholder) {
// Firefox
&::-moz-placeholder {
color: @color;
opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
}
&:-ms-input-placeholder { color: @color; } // Internet Explorer 10+ &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+
&::-webkit-input-placeholder { color: @color; } // Safari and Chrome
&::placeholder { color: @color; opacity: 1; }
} }
// Transformations // Transformations
.scale(@ratio) { .scale(@ratio) {
-webkit-transform: scale(@ratio);
-ms-transform: scale(@ratio); // IE9 only
-o-transform: scale(@ratio);
transform: scale(@ratio); transform: scale(@ratio);
} }
.scale(@ratioX; @ratioY) { .scale(@ratioX; @ratioY) {
-webkit-transform: scale(@ratioX, @ratioY);
-ms-transform: scale(@ratioX, @ratioY); // IE9 only
-o-transform: scale(@ratioX, @ratioY);
transform: scale(@ratioX, @ratioY); transform: scale(@ratioX, @ratioY);
} }
.scaleX(@ratio) { .scaleX(@ratio) {
-webkit-transform: scaleX(@ratio);
-ms-transform: scaleX(@ratio); // IE9 only
-o-transform: scaleX(@ratio);
transform: scaleX(@ratio); transform: scaleX(@ratio);
} }
.scaleY(@ratio) { .scaleY(@ratio) {
-webkit-transform: scaleY(@ratio); -webkit-transform: scaleY(@ratio);
-ms-transform: scaleY(@ratio); // IE9 only
-o-transform: scaleY(@ratio);
transform: scaleY(@ratio); transform: scaleY(@ratio);
} }
.skew(@x; @y) { .skew(@x; @y) {
-webkit-transform: skewX(@x) skewY(@y);
-ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
-o-transform: skewX(@x) skewY(@y);
transform: skewX(@x) skewY(@y); transform: skewX(@x) skewY(@y);
} }
.translate(@x; @y) { .translate(@x; @y) {
-webkit-transform: translate(@x, @y);
-ms-transform: translate(@x, @y); // IE9 only
-o-transform: translate(@x, @y);
transform: translate(@x, @y); transform: translate(@x, @y);
} }
.translate3d(@x; @y; @z) { .translate3d(@x; @y; @z) {
-webkit-transform: translate3d(@x, @y, @z);
transform: translate3d(@x, @y, @z); transform: translate3d(@x, @y, @z);
} }
.rotate(@degrees) { .rotate(@degrees) {
-webkit-transform: rotate(@degrees);
-ms-transform: rotate(@degrees); // IE9 only
-o-transform: rotate(@degrees);
transform: rotate(@degrees); transform: rotate(@degrees);
} }
.rotateX(@degrees) { .rotateX(@degrees) {
-webkit-transform: rotateX(@degrees);
-ms-transform: rotateX(@degrees); // IE9 only
-o-transform: rotateX(@degrees);
transform: rotateX(@degrees); transform: rotateX(@degrees);
} }
.rotateY(@degrees) { .rotateY(@degrees) {
-webkit-transform: rotateY(@degrees);
-ms-transform: rotateY(@degrees); // IE9 only
-o-transform: rotateY(@degrees);
transform: rotateY(@degrees); transform: rotateY(@degrees);
} }
.perspective(@perspective) { .perspective(@perspective) {
@ -178,9 +143,6 @@
perspective-origin: @perspective; perspective-origin: @perspective;
} }
.transform-origin(@origin) { .transform-origin(@origin) {
-webkit-transform-origin: @origin;
-moz-transform-origin: @origin;
-ms-transform-origin: @origin; // IE9 only
transform-origin: @origin; transform-origin: @origin;
} }
@ -188,30 +150,21 @@
// Transitions // Transitions
.transition(@transition) { .transition(@transition) {
-webkit-transition: @transition;
-o-transition: @transition;
transition: @transition; transition: @transition;
} }
.transition-property(@transition-property) { .transition-property(@transition-property) {
-webkit-transition-property: @transition-property;
transition-property: @transition-property; transition-property: @transition-property;
} }
.transition-delay(@transition-delay) { .transition-delay(@transition-delay) {
-webkit-transition-delay: @transition-delay;
transition-delay: @transition-delay; transition-delay: @transition-delay;
} }
.transition-duration(@transition-duration) { .transition-duration(@transition-duration) {
-webkit-transition-duration: @transition-duration;
transition-duration: @transition-duration; transition-duration: @transition-duration;
} }
.transition-timing-function(@timing-function) { .transition-timing-function(@timing-function) {
-webkit-transition-timing-function: @timing-function;
transition-timing-function: @timing-function; transition-timing-function: @timing-function;
} }
.transition-transform(@transition) { .transition-transform(@transition) {
-webkit-transition: -webkit-transform @transition;
-moz-transition: -moz-transform @transition;
-o-transition: -o-transform @transition;
transition: transform @transition; transition: transform @transition;
} }


Loading…
Cancel
Save