Update autoprefixer browser support matrix

WordPress no longer supports many old old browsers: https://make.wordpress.org/core/2017/04/23/target-browser-coverage/

This also removes alot of no longer necessary CSS. It served us well, but we are never getting back together with IE8,9,10.

So, in the (paraphrased) words of Taylor Swift:

I remember when we dropped support  the first time
Saying, "This is it, I've had enough, " 'cause like
We hadn't seen many users in a month
When you said you needed flexbox. (What?)
Then you postMessage again and say
"IE8, I miss you and I swear I'm gonna change, trust me."
Remember how that lasted for a day?
I say, "I hate the box model, " we break up, you call me, "I love css-grids."
Ooh, we called it off again last night
But ooh, this time I'm telling you, I'm telling you

We are never ever ever supporting IE 8,9,10,
We are never ever ever supporting IE 8,9,10,
You go talk to EDGE, talk to my FIREFOX, talk to CHROME
But we are never ever ever ever getting back together
Like, ever...

Fixes #37651.
Props stunnedbeast, netweb, jorbin.




git-svn-id: https://develop.svn.wordpress.org/trunk@41062 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Aaron Jorbin
2017-07-16 01:14:36 +00:00
parent d2e18ea761
commit eb78c8e092
32 changed files with 16 additions and 826 deletions

View File

@@ -24,17 +24,13 @@
#mce-modal-block.mce-fade {
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transition: none;
transition: none;
}
.mce-window {
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
-webkit-font-smoothing: subpixel-antialiased;
-webkit-transition: none;
transition: none;
}
@@ -86,14 +82,11 @@
.mce-window-head .mce-close:focus .mce-i-remove,
div.mce-tab:focus {
-webkit-box-shadow: 0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow: 0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
}
.mce-window .mce-window-head .mce-dragh {
width: -webkit-calc( 100% - 36px );
width: calc( 100% - 36px );
}
@@ -105,11 +98,8 @@ div.mce-tab:focus {
.mce-checkbox i.mce-i-checkbox,
#wp-link .query-results {
border: 1px solid #ddd;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
-webkit-transition: .05s all ease-in-out;
transition: .05s all ease-in-out;
}
@@ -118,7 +108,6 @@ div.mce-tab:focus {
.mce-checkbox:focus i.mce-i-checkbox,
#wp-link .query-results:focus {
border-color: #5b9dd9;
-webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
box-shadow: 0 0 2px rgba(30,140,190,0.8);
}
@@ -129,8 +118,6 @@ div.mce-tab:focus {
}
.mce-window .mce-wp-help * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@@ -209,9 +196,7 @@ div.mce-tab:focus {
.mce-menu,
.mce-floatpanel.mce-popover {
border-color: rgba(0,0,0,0.15);
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
}
@@ -261,12 +246,8 @@ div.mce-toolbar-grp {
div.mce-inline-toolbar-grp {
border: 1px solid #a0a5aa;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 8px;
position: absolute;
@@ -393,7 +374,6 @@ div.mce-path {
.qt-dfw {
border-color: transparent;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
cursor: pointer;
@@ -408,7 +388,6 @@ div.mce-path {
.qt-dfw {
border: 1px solid transparent;
margin: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
@@ -419,7 +398,6 @@ div.mce-path {
background: #fafafa;
border-color: #555d66;
color: #23282d;
-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
outline: none;
}
@@ -429,7 +407,6 @@ div.mce-path {
.qt-dfw.active {
background: #ebebeb;
border-color: #555d66;
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
}
@@ -444,7 +421,6 @@ div.mce-path {
background: none;
border-color: #ddd;
text-shadow: 0 1px 0 #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
@@ -497,7 +473,6 @@ div.mce-path {
min-width: 0;
background: #0085ba;
border-color: #0073aa #006799 #006799;
-webkit-box-shadow: 0 1px 0 #006799;
box-shadow: 0 1px 0 #006799;
color: #fff;
text-decoration: none;
@@ -521,25 +496,21 @@ div.mce-path {
}
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
-webkit-box-shadow: 0 0 1px 1px #33b3db;
box-shadow: 0 0 1px 1px #33b3db;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
background: #0073aa;
border-color: #006799;
-webkit-box-shadow: inset 0 2px 0 #006799;
box-shadow: inset 0 2px 0 #006799;
}
/* mce listbox */
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
-webkit-border-radius: 0;
border-radius: 0;
direction: ltr;
background: #fff;
border: 1px solid #ddd;
-webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
}
@@ -623,9 +594,6 @@ div.mce-menubar {
.mce-menubar .mce-menubtn:focus {
color: #124964;
-webkit-box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
@@ -679,10 +647,8 @@ div.mce-menu .mce-menu-item-sep,
cursor: pointer;
border: 1px solid #cccccc;
-webkit-appearance: none;
-webkit-border-radius: 3px;
border-radius: 3px;
white-space: nowrap;
-webkit-box-shadow: 0 1px 0 #cccccc;
box-shadow: 0 1px 0 #cccccc;
}
@@ -702,17 +668,14 @@ div.mce-menu .mce-menu-item-sep,
.mce-window .mce-btn:focus {
border-color: #5b9dd9;
-webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
}
.mce-window .mce-btn:active {
background: #eee;
border-color: #999;
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
}
@@ -720,19 +683,16 @@ div.mce-menu .mce-menu-item-sep,
color: #a0a5aa !important;
border-color: #ddd !important;
background: #f7f7f7 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: 0 1px 0 #fff !important;
cursor: default;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.mce-window .mce-btn.mce-primary {
background: #0085ba;
border-color: #0073aa #006799 #006799;
-webkit-box-shadow: 0 1px 0 #006799;
box-shadow: 0 1px 0 #006799;
color: #fff;
text-decoration: none;
@@ -750,8 +710,6 @@ div.mce-menu .mce-menu-item-sep,
}
.mce-window .mce-btn.mce-primary:focus {
-webkit-box-shadow: 0 1px 0 #0073aa,
0 0 2px 1px #33b3db;
box-shadow: 0 1px 0 #0073aa,
0 0 2px 1px #33b3db;
}
@@ -759,7 +717,6 @@ div.mce-menu .mce-menu-item-sep,
.mce-window .mce-btn.mce-primary:active {
background: #0073aa;
border-color: #006799;
-webkit-box-shadow: inset 0 2px 0 #006799;
box-shadow: inset 0 2px 0 #006799;
vertical-align: top;
}
@@ -768,7 +725,6 @@ div.mce-menu .mce-menu-item-sep,
color: #66c6e4 !important;
background: #008ec2 !important;
border-color: #007cb2 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important;
cursor: default;
@@ -807,9 +763,7 @@ div.mce-menu .mce-menu-item-sep,
}
.mce-tooltip-inner {
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
color: #fff;
font-size: 12px;
@@ -1100,8 +1054,6 @@ i.mce-i-wp_code:before {
outline: none;
display: block;
resize: vertical;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@@ -1116,7 +1068,6 @@ i.mce-i-wp_code:before {
.wp-editor-container textarea.wp-editor-area {
width: 100%;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
@@ -1126,8 +1077,6 @@ i.mce-i-wp_code:before {
.wp-switch-editor {
float: left;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: relative;
top: 1px;
@@ -1143,9 +1092,6 @@ i.mce-i-wp_code:before {
}
.wp-switch-editor:focus {
-webkit-box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
@@ -1156,13 +1102,11 @@ i.mce-i-wp_code:before {
.wp-switch-editor:active,
.html-active .switch-html:focus,
.tmce-active .switch-tmce:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.wp-switch-editor:active {
background-color: #f5f5f5;
-webkit-box-shadow: none;
box-shadow: none;
}
@@ -1349,7 +1293,6 @@ i.mce-i-wp_code:before {
padding: 2px;
border-width: 1px;
border-style: solid;
-webkit-border-radius: 3px;
border-radius: 3px;
}
@@ -1368,7 +1311,6 @@ i.mce-i-wp_code:before {
#wp-link-wrap {
display: none;
background-color: #fff;
-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
width: 500px;
overflow: hidden;
@@ -1378,7 +1320,6 @@ i.mce-i-wp_code:before {
top: 50%;
left: 50%;
z-index: 100105;
-webkit-transition: height 0.2s, margin-top 0.2s;
transition: height 0.2s, margin-top 0.2s;
}
@@ -1457,9 +1398,6 @@ i.mce-i-wp_code:before {
#wp-link-close:focus {
outline: none;
-webkit-box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
@@ -1483,8 +1421,6 @@ i.mce-i-wp_code:before {
}
#wp-link input[type="text"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@@ -1636,7 +1572,6 @@ i.mce-i-wp_code:before {
#wp-link .item-title {
display: inline-block;
width: 80%;
width: -webkit-calc(100% - 68px);
width: calc(100% - 68px);
word-wrap: break-word;
}
@@ -1725,7 +1660,6 @@ i.mce-i-wp_code:before {
@media screen and ( max-height: 520px ) {
#wp-link-wrap {
-webkit-transition: none;
transition: none;
height: auto;
margin-top: 0;
@@ -1752,7 +1686,6 @@ i.mce-i-wp_code:before {
#link-selector {
overflow: auto;
height: -webkit-calc(100% - 92px);
height: calc(100% - 92px);
padding-bottom: 2px;
}
@@ -1773,11 +1706,8 @@ div.wp-link-preview {
div.wp-link-preview a {
color: #0073aa;
text-decoration: underline;
-webkit-transition-property: border, background, color;
transition-property: border, background, color;
-webkit-transition-duration: .05s;
transition-duration: .05s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
cursor: pointer;
}
@@ -1795,8 +1725,6 @@ div.wp-link-input {
div.wp-link-input input {
width: 300px;
padding: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@@ -1818,7 +1746,6 @@ div.wp-link-input input {
list-style: none;
position: absolute;
border: 1px solid #5b9dd9;
-webkit-box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
background-color: #fff;
}
@@ -1844,7 +1771,6 @@ div.wp-link-input input {
div.wp-link-preview,
div.wp-link-input {
max-width: 70%;
max-width: -webkit-calc(100% - 86px);
max-width: calc(100% - 86px);
}