Issue #3321006 by longwave, NivethaSubramaniyan: Drop -ms- vendor prefixed CSS properties
parent
b6133d88ab
commit
2d12ec2326
|
@ -56,8 +56,6 @@
|
|||
"overflow",
|
||||
"overflow-x",
|
||||
"overflow-y",
|
||||
"-ms-overflow-x",
|
||||
"-ms-overflow-y",
|
||||
"-webkit-overflow-scrolling",
|
||||
"clip",
|
||||
"zoom",
|
||||
|
@ -72,21 +70,16 @@
|
|||
"flex-order",
|
||||
"flex-pack",
|
||||
|
||||
"-ms-grid",
|
||||
"grid",
|
||||
"grid-area",
|
||||
"grid-template",
|
||||
"grid-template-areas",
|
||||
"-ms-grid-rows",
|
||||
"grid-template-rows",
|
||||
"-ms-grid-columns",
|
||||
"grid-template-columns",
|
||||
"grid-row",
|
||||
"-ms-grid-row",
|
||||
"grid-row-start",
|
||||
"grid-row-end",
|
||||
"grid-column",
|
||||
"-ms-grid-column",
|
||||
"grid-column-start",
|
||||
"grid-column-end",
|
||||
"grid-auto-rows",
|
||||
|
@ -95,8 +88,6 @@
|
|||
"grid-gap",
|
||||
"grid-row-gap",
|
||||
"grid-column-gap",
|
||||
"-ms-grid-row-align",
|
||||
"-ms-grid-column-align",
|
||||
|
||||
"place-content",
|
||||
"place-items",
|
||||
|
@ -186,7 +177,6 @@
|
|||
"cursor",
|
||||
"-webkit-user-select",
|
||||
"-moz-user-select",
|
||||
"-ms-user-select",
|
||||
"user-select",
|
||||
"nav-index",
|
||||
"nav-up",
|
||||
|
@ -195,84 +185,68 @@
|
|||
"nav-left",
|
||||
"-webkit-transition",
|
||||
"-moz-transition",
|
||||
"-ms-transition",
|
||||
"-o-transition",
|
||||
"transition",
|
||||
"-webkit-transition-delay",
|
||||
"-moz-transition-delay",
|
||||
"-ms-transition-delay",
|
||||
"-o-transition-delay",
|
||||
"transition-delay",
|
||||
"-webkit-transition-timing-function",
|
||||
"-moz-transition-timing-function",
|
||||
"-ms-transition-timing-function",
|
||||
"-o-transition-timing-function",
|
||||
"transition-timing-function",
|
||||
"-webkit-transition-duration",
|
||||
"-moz-transition-duration",
|
||||
"-ms-transition-duration",
|
||||
"-o-transition-duration",
|
||||
"transition-duration",
|
||||
"-webkit-transition-property",
|
||||
"-moz-transition-property",
|
||||
"-ms-transition-property",
|
||||
"-o-transition-property",
|
||||
"transition-property",
|
||||
"-webkit-transform",
|
||||
"-moz-transform",
|
||||
"-ms-transform",
|
||||
"-o-transform",
|
||||
"transform",
|
||||
"-webkit-transform-origin",
|
||||
"-moz-transform-origin",
|
||||
"-ms-transform-origin",
|
||||
"-o-transform-origin",
|
||||
"transform-origin",
|
||||
"$keyframes",
|
||||
"-webkit-animation",
|
||||
"-moz-animation",
|
||||
"-ms-animation",
|
||||
"-o-animation",
|
||||
"animation",
|
||||
"-webkit-animation-name",
|
||||
"-moz-animation-name",
|
||||
"-ms-animation-name",
|
||||
"-o-animation-name",
|
||||
"animation-name",
|
||||
"-webkit-animation-duration",
|
||||
"-moz-animation-duration",
|
||||
"-ms-animation-duration",
|
||||
"-o-animation-duration",
|
||||
"animation-duration",
|
||||
"-webkit-animation-play-state",
|
||||
"-moz-animation-play-state",
|
||||
"-ms-animation-play-state",
|
||||
"-o-animation-play-state",
|
||||
"animation-play-state",
|
||||
"-webkit-animation-timing-function",
|
||||
"-moz-animation-timing-function",
|
||||
"-ms-animation-timing-function",
|
||||
"-o-animation-timing-function",
|
||||
"animation-timing-function",
|
||||
"-webkit-animation-delay",
|
||||
"-moz-animation-delay",
|
||||
"-ms-animation-delay",
|
||||
"-o-animation-delay",
|
||||
"animation-delay",
|
||||
"-webkit-animation-iteration-count",
|
||||
"-moz-animation-iteration-count",
|
||||
"-ms-animation-iteration-count",
|
||||
"-o-animation-iteration-count",
|
||||
"animation-iteration-count",
|
||||
"-webkit-animation-direction",
|
||||
"-moz-animation-direction",
|
||||
"-ms-animation-direction",
|
||||
"-o-animation-direction",
|
||||
"animation-direction",
|
||||
"text-align",
|
||||
"-webkit-text-align-last",
|
||||
"-moz-text-align-last",
|
||||
"-ms-text-align-last",
|
||||
"text-align-last",
|
||||
"vertical-align",
|
||||
"white-space",
|
||||
|
@ -282,23 +256,18 @@
|
|||
"text-emphasis-style",
|
||||
"text-emphasis-position",
|
||||
"text-indent",
|
||||
"-ms-text-justify",
|
||||
"text-justify",
|
||||
"text-transform",
|
||||
"letter-spacing",
|
||||
"word-spacing",
|
||||
"-ms-writing-mode",
|
||||
"text-outline",
|
||||
"text-transform",
|
||||
"text-wrap",
|
||||
"text-overflow",
|
||||
"-ms-text-overflow",
|
||||
"text-overflow-ellipsis",
|
||||
"text-overflow-mode",
|
||||
"-ms-word-wrap",
|
||||
"word-wrap",
|
||||
"word-break",
|
||||
"-ms-word-break",
|
||||
"-moz-tab-size",
|
||||
"-o-tab-size",
|
||||
"tab-size",
|
||||
|
@ -314,12 +283,8 @@
|
|||
"object-position",
|
||||
|
||||
"opacity",
|
||||
"filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",
|
||||
"-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",
|
||||
"-webkit-filter",
|
||||
"-ms-filter",
|
||||
"filter",
|
||||
"-ms-interpolation-mode",
|
||||
"color",
|
||||
"border",
|
||||
"border-collapse",
|
||||
|
@ -410,9 +375,7 @@
|
|||
"background-attachment",
|
||||
"background-position",
|
||||
"background-position-x",
|
||||
"-ms-background-position-x",
|
||||
"background-position-y",
|
||||
"-ms-background-position-y",
|
||||
"-webkit-background-clip",
|
||||
"-moz-background-clip",
|
||||
"background-clip",
|
||||
|
@ -425,8 +388,6 @@
|
|||
"-webkit-box-shadow",
|
||||
"-moz-box-shadow",
|
||||
"box-shadow",
|
||||
"filter:progid:DXImageTransform.Microsoft.gradient",
|
||||
"-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient",
|
||||
"text-shadow",
|
||||
|
||||
"$font-face",
|
||||
|
|
|
@ -94,7 +94,6 @@
|
|||
.expanded .locale-translation-update__message {
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
.js .locale-translation-update__wrapper {
|
||||
|
|
|
@ -37,7 +37,6 @@
|
|||
padding: 0 5px;
|
||||
-webkit-transition: all 200ms ease-out;
|
||||
transition: all 200ms ease-out;
|
||||
-ms-transform: translateY(-12px);
|
||||
-webkit-transform: translateY(-12px);
|
||||
transform: translateY(-12px);
|
||||
opacity: 0;
|
||||
|
@ -45,7 +44,6 @@
|
|||
border-radius: 5px;
|
||||
background: #000;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
@ -55,7 +53,6 @@
|
|||
}
|
||||
.shortcut-action:hover .shortcut-action__message,
|
||||
.shortcut-action:focus .shortcut-action__message {
|
||||
-ms-transform: translateY(-2px);
|
||||
-webkit-transform: translateY(-2px);
|
||||
transform: translateY(-2px);
|
||||
opacity: 1;
|
||||
|
|
|
@ -110,7 +110,6 @@ small .admin-link:after {
|
|||
text-transform: none;
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
.system-modules td details a {
|
||||
|
|
|
@ -5,19 +5,16 @@
|
|||
/* CSS transitions. */
|
||||
-o-transition: none !important;
|
||||
-moz-transition: none !important;
|
||||
-ms-transition: none !important;
|
||||
-webkit-transition: none !important;
|
||||
transition: none !important;
|
||||
-o-transition-property: none !important;
|
||||
-moz-transition-property: none !important;
|
||||
-ms-transition-property: none !important;
|
||||
-webkit-transition-property: none !important;
|
||||
transition-property: none !important;
|
||||
/* CSS animations. */
|
||||
-webkit-animation: none !important;
|
||||
-moz-animation: none !important;
|
||||
-o-animation: none !important;
|
||||
-ms-animation: none !important;
|
||||
animation: none !important;
|
||||
}
|
||||
|
||||
|
|
|
@ -8,7 +8,6 @@
|
|||
left: 50%;
|
||||
padding: 1px 10px 2px;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
border: 1px solid #444;
|
||||
border-top-width: 0;
|
||||
|
|
|
@ -14,7 +14,3 @@ select.cke_dialog_ui_input_select {
|
|||
-webkit-appearance: menulist;
|
||||
appearance: menulist;
|
||||
}
|
||||
|
||||
select.cke_dialog_ui_input_select::-ms-expand {
|
||||
display: block;
|
||||
}
|
||||
|
|
|
@ -5,8 +5,4 @@
|
|||
|
||||
select.cke_dialog_ui_input_select {
|
||||
appearance: menulist;
|
||||
|
||||
&::-ms-expand {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -93,13 +93,6 @@ input.error[type="radio"]:focus {
|
|||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
/* Specific pseudo-element to apply red borders for IE11 bool elements in case of error */
|
||||
|
||||
input.error[type="checkbox"]::-ms-check,
|
||||
input.error[type="radio"]::-ms-check {
|
||||
border: 1px solid var(--color--red);
|
||||
}
|
||||
|
||||
input[type="checkbox"] + label,
|
||||
input[type="radio"] + label {
|
||||
display: inline-block;
|
||||
|
|
|
@ -61,11 +61,6 @@ input[type="radio"] {
|
|||
}
|
||||
}
|
||||
|
||||
/* Specific pseudo-element to apply red borders for IE11 bool elements in case of error */
|
||||
&.error::-ms-check {
|
||||
border: 1px solid var(--color--red);
|
||||
}
|
||||
|
||||
& + label {
|
||||
display: inline-block;
|
||||
padding-inline-start: var(--sp0-5);
|
||||
|
|
|
@ -61,12 +61,6 @@ select:focus {
|
|||
}
|
||||
}
|
||||
|
||||
/* Hides default chevron within Internet Explorer. */
|
||||
|
||||
select::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
|
||||
select[disabled] {
|
||||
color: var(--color--gray-60);
|
||||
background-color: var(--color--gray-100);
|
||||
|
@ -117,20 +111,6 @@ select.form-element--small {
|
|||
}
|
||||
}
|
||||
|
||||
/* Necessary for Internet Explorer to show chevron. */
|
||||
|
||||
@media screen and (-ms-high-contrast: active) {
|
||||
|
||||
select {
|
||||
padding-inline-end: 0;
|
||||
|
||||
/* Re-enable default chevron for Internet Explorer. */
|
||||
}
|
||||
select::-ms-expand {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
[dir="rtl"] select {
|
||||
background-position: left var(--sp) center;
|
||||
}
|
||||
|
|
|
@ -38,11 +38,6 @@ select {
|
|||
}
|
||||
}
|
||||
|
||||
/* Hides default chevron within Internet Explorer. */
|
||||
&::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
color: var(--color--gray-60);
|
||||
background-color: var(--color--gray-100);
|
||||
|
@ -82,16 +77,6 @@ select {
|
|||
appearance: revert;
|
||||
}
|
||||
}
|
||||
|
||||
/* Necessary for Internet Explorer to show chevron. */
|
||||
@media screen and (-ms-high-contrast: active) {
|
||||
padding-inline-end: 0;
|
||||
|
||||
/* Re-enable default chevron for Internet Explorer. */
|
||||
&::-ms-expand {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[dir="rtl"] select {
|
||||
|
|
|
@ -67,10 +67,6 @@ textarea {
|
|||
}
|
||||
}
|
||||
|
||||
:is([type="color"],[type="date"],[type="datetime-local"],[type="email"],[type="file"],[type="month"],[type="number"],[type="password"],[type="search"],[type="tel"],[type="text"],[type="time"],[type="url"],[type="week"],textarea)::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[disabled]:is([type="color"],[type="date"],[type="datetime-local"],[type="email"],[type="file"],[type="month"],[type="number"],[type="password"],[type="search"],[type="tel"],[type="text"],[type="time"],[type="url"],[type="week"],textarea) {
|
||||
color: var(--color--gray-60);
|
||||
background-color: var(--color--gray-100);
|
||||
|
|
|
@ -44,10 +44,6 @@ textarea {
|
|||
}
|
||||
}
|
||||
|
||||
&::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
color: var(--color--gray-60);
|
||||
background-color: var(--color--gray-100);
|
||||
|
|
|
@ -62,27 +62,10 @@
|
|||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
.block-search-narrow input[type="search"]::-ms-clear {
|
||||
width: 2.5rem;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.block-search-narrow input[type="search"]:focus {
|
||||
outline: solid 4px transparent;
|
||||
outline-offset: -4px;
|
||||
background-size: 100% 0.3125rem;
|
||||
|
||||
/*
|
||||
We normally indicate focus by animating background-image width. This isn't
|
||||
available in IE11 when in Windows high contrast mode.
|
||||
*/
|
||||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active) {
|
||||
|
||||
.block-search-narrow input[type="search"]:focus {
|
||||
border-bottom-width: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 43.75rem) {
|
||||
|
|
|
@ -42,23 +42,10 @@
|
|||
font-size: 16px;
|
||||
-webkit-appearance: none;
|
||||
|
||||
&::-ms-clear {
|
||||
width: 40px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: solid 4px transparent;
|
||||
outline-offset: -4px;
|
||||
background-size: 100% 5px;
|
||||
|
||||
/*
|
||||
We normally indicate focus by animating background-image width. This isn't
|
||||
available in IE11 when in Windows high contrast mode.
|
||||
*/
|
||||
@media screen and (-ms-high-contrast: active) {
|
||||
border-bottom-width: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (--md) {
|
||||
|
|
|
@ -77,26 +77,9 @@
|
|||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
.block-search-wide__wrapper input[type="search"]::-ms-clear {
|
||||
width: 2.5rem;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.block-search-wide__wrapper input[type="search"]:focus {
|
||||
outline: solid 4px transparent;
|
||||
outline-offset: -4px;
|
||||
|
||||
/*
|
||||
We normally indicate focus by animating background-image width. This isn't
|
||||
available in IE11 when in Windows high contrast mode.
|
||||
*/
|
||||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active) {
|
||||
|
||||
.block-search-wide__wrapper input[type="search"]:focus {
|
||||
border-bottom-width: var(--sp0-5);
|
||||
}
|
||||
}
|
||||
|
||||
.block-search-wide__wrapper .form-item-keys {
|
||||
|
@ -180,16 +163,6 @@
|
|||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active) {
|
||||
/* IE11's high contrast show will not show the background image, so we show the text. */
|
||||
.block-search-wide__wrapper .search-form__submit .visually-hidden {
|
||||
position: static;
|
||||
overflow: visible;
|
||||
clip: auto;
|
||||
width: auto;
|
||||
height: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Edge's high contrast does show the background image, so we hide it. */
|
||||
.block-search-wide__wrapper .search-form__submit .icon--search {
|
||||
display: none;
|
||||
|
|
|
@ -56,22 +56,9 @@
|
|||
font-size: 32px;
|
||||
-webkit-appearance: none;
|
||||
|
||||
&::-ms-clear {
|
||||
width: 40px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: solid 4px transparent;
|
||||
outline-offset: -4px;
|
||||
|
||||
/*
|
||||
We normally indicate focus by animating background-image width. This isn't
|
||||
available in IE11 when in Windows high contrast mode.
|
||||
*/
|
||||
@media screen and (-ms-high-contrast: active) {
|
||||
border-bottom-width: var(--sp0-5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -151,16 +138,6 @@
|
|||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active) {
|
||||
/* IE11's high contrast show will not show the background image, so we show the text. */
|
||||
& .visually-hidden {
|
||||
position: static;
|
||||
overflow: visible;
|
||||
clip: auto;
|
||||
width: auto;
|
||||
height: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Edge's high contrast does show the background image, so we hide it. */
|
||||
& .icon--search {
|
||||
display: none;
|
||||
|
|
|
@ -26,7 +26,6 @@
|
|||
.sidebar-grid > .site-main {
|
||||
grid-column: 1 / 7;
|
||||
align-self: flex-start;
|
||||
-ms-grid-row-align: start;
|
||||
}
|
||||
|
||||
@media (min-width: 43.75rem) {
|
||||
|
@ -59,7 +58,6 @@
|
|||
}
|
||||
|
||||
.sidebar-grid .region--sidebar {
|
||||
-ms-grid-row: 2;
|
||||
grid-column: 1 / 7;
|
||||
}
|
||||
|
||||
|
@ -73,7 +71,6 @@
|
|||
@media (min-width: 62.5rem) {
|
||||
|
||||
.sidebar-grid .region--sidebar {
|
||||
-ms-grid-row: 1;
|
||||
grid-column: 12 / 15;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -9,7 +9,6 @@
|
|||
& > .site-main {
|
||||
grid-column: 1 / 7;
|
||||
align-self: flex-start;
|
||||
-ms-grid-row-align: start;
|
||||
|
||||
@media (--grid-md) {
|
||||
grid-column: 1 / 15;
|
||||
|
@ -36,7 +35,6 @@
|
|||
}
|
||||
|
||||
& .region--sidebar {
|
||||
-ms-grid-row: 2;
|
||||
grid-column: 1 / 7;
|
||||
|
||||
@media (--grid-md) {
|
||||
|
@ -44,7 +42,6 @@
|
|||
}
|
||||
|
||||
@media (--lg) {
|
||||
-ms-grid-row: 1;
|
||||
grid-column: 12 / 15;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -97,7 +97,6 @@
|
|||
.expanded .locale-translation-update__message {
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
.js .locale-translation-update__wrapper {
|
||||
|
|
|
@ -37,7 +37,6 @@
|
|||
padding: 0 5px;
|
||||
-webkit-transition: all 200ms ease-out;
|
||||
transition: all 200ms ease-out;
|
||||
-ms-transform: translateY(-12px);
|
||||
-webkit-transform: translateY(-12px);
|
||||
transform: translateY(-12px);
|
||||
opacity: 0;
|
||||
|
@ -45,7 +44,6 @@
|
|||
border-radius: 5px;
|
||||
background: #000;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
@ -55,7 +53,6 @@
|
|||
}
|
||||
.shortcut-action:hover .shortcut-action__message,
|
||||
.shortcut-action:focus .shortcut-action__message {
|
||||
-ms-transform: translateY(-2px);
|
||||
-webkit-transform: translateY(-2px);
|
||||
transform: translateY(-2px);
|
||||
opacity: 1;
|
||||
|
|
|
@ -113,7 +113,6 @@ small .admin-link:after {
|
|||
text-transform: none;
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
.system-modules td details a {
|
||||
|
|
Loading…
Reference in New Issue