diff --git a/core/.stylelintrc.json b/core/.stylelintrc.json index ec7fc86e13a..b7e12066d15 100644 --- a/core/.stylelintrc.json +++ b/core/.stylelintrc.json @@ -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", diff --git a/core/modules/locale/css/locale.admin.css b/core/modules/locale/css/locale.admin.css index b4997431cad..2f107933f21 100644 --- a/core/modules/locale/css/locale.admin.css +++ b/core/modules/locale/css/locale.admin.css @@ -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 { diff --git a/core/modules/shortcut/css/shortcut.theme.css b/core/modules/shortcut/css/shortcut.theme.css index 97edead062b..d7a5fa146f7 100644 --- a/core/modules/shortcut/css/shortcut.theme.css +++ b/core/modules/shortcut/css/shortcut.theme.css @@ -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; diff --git a/core/modules/system/css/system.admin.css b/core/modules/system/css/system.admin.css index 36c3f17c2dc..7f374346ecc 100644 --- a/core/modules/system/css/system.admin.css +++ b/core/modules/system/css/system.admin.css @@ -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 { diff --git a/core/modules/system/tests/modules/css_disable_transitions_test/css/disable_transitions.theme.css b/core/modules/system/tests/modules/css_disable_transitions_test/css/disable_transitions.theme.css index ff5df76ba18..f00f8f39adc 100644 --- a/core/modules/system/tests/modules/css_disable_transitions_test/css/disable_transitions.theme.css +++ b/core/modules/system/tests/modules/css_disable_transitions_test/css/disable_transitions.theme.css @@ -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; } diff --git a/core/profiles/demo_umami/themes/umami/css/components/navigation/skip-link/skip-link.css b/core/profiles/demo_umami/themes/umami/css/components/navigation/skip-link/skip-link.css index 8bf386f2d8f..4f93f1fe0c7 100644 --- a/core/profiles/demo_umami/themes/umami/css/components/navigation/skip-link/skip-link.css +++ b/core/profiles/demo_umami/themes/umami/css/components/navigation/skip-link/skip-link.css @@ -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; diff --git a/core/themes/olivero/css/components/cke-dialog.css b/core/themes/olivero/css/components/cke-dialog.css index fbd6f2c021d..49b3e3b5340 100644 --- a/core/themes/olivero/css/components/cke-dialog.css +++ b/core/themes/olivero/css/components/cke-dialog.css @@ -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; -} diff --git a/core/themes/olivero/css/components/cke-dialog.pcss.css b/core/themes/olivero/css/components/cke-dialog.pcss.css index c61d16f698e..342e585221d 100644 --- a/core/themes/olivero/css/components/cke-dialog.pcss.css +++ b/core/themes/olivero/css/components/cke-dialog.pcss.css @@ -5,8 +5,4 @@ select.cke_dialog_ui_input_select { appearance: menulist; - - &::-ms-expand { - display: block; - } } diff --git a/core/themes/olivero/css/components/form-boolean.css b/core/themes/olivero/css/components/form-boolean.css index 82530dbf671..94bf42be3cf 100644 --- a/core/themes/olivero/css/components/form-boolean.css +++ b/core/themes/olivero/css/components/form-boolean.css @@ -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; diff --git a/core/themes/olivero/css/components/form-boolean.pcss.css b/core/themes/olivero/css/components/form-boolean.pcss.css index 166c1fcfd81..9064b97b230 100644 --- a/core/themes/olivero/css/components/form-boolean.pcss.css +++ b/core/themes/olivero/css/components/form-boolean.pcss.css @@ -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); diff --git a/core/themes/olivero/css/components/form-select.css b/core/themes/olivero/css/components/form-select.css index ff10f47663e..3108729ecf7 100644 --- a/core/themes/olivero/css/components/form-select.css +++ b/core/themes/olivero/css/components/form-select.css @@ -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; } diff --git a/core/themes/olivero/css/components/form-select.pcss.css b/core/themes/olivero/css/components/form-select.pcss.css index c154b122745..37d08fd294b 100644 --- a/core/themes/olivero/css/components/form-select.pcss.css +++ b/core/themes/olivero/css/components/form-select.pcss.css @@ -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 { diff --git a/core/themes/olivero/css/components/form-text.css b/core/themes/olivero/css/components/form-text.css index 2da014cc3f4..ee052422d45 100644 --- a/core/themes/olivero/css/components/form-text.css +++ b/core/themes/olivero/css/components/form-text.css @@ -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); diff --git a/core/themes/olivero/css/components/form-text.pcss.css b/core/themes/olivero/css/components/form-text.pcss.css index d8651ef7fe9..defea749a2f 100644 --- a/core/themes/olivero/css/components/form-text.pcss.css +++ b/core/themes/olivero/css/components/form-text.pcss.css @@ -44,10 +44,6 @@ textarea { } } - &::-ms-clear { - display: none; - } - &[disabled] { color: var(--color--gray-60); background-color: var(--color--gray-100); diff --git a/core/themes/olivero/css/components/header-search-narrow.css b/core/themes/olivero/css/components/header-search-narrow.css index 45076a15a18..15edab40f29 100644 --- a/core/themes/olivero/css/components/header-search-narrow.css +++ b/core/themes/olivero/css/components/header-search-narrow.css @@ -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) { diff --git a/core/themes/olivero/css/components/header-search-narrow.pcss.css b/core/themes/olivero/css/components/header-search-narrow.pcss.css index a11654050c6..4efb08bc23e 100644 --- a/core/themes/olivero/css/components/header-search-narrow.pcss.css +++ b/core/themes/olivero/css/components/header-search-narrow.pcss.css @@ -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) { diff --git a/core/themes/olivero/css/components/header-search-wide.css b/core/themes/olivero/css/components/header-search-wide.css index 2eeb6a646cc..104b8f5a197 100644 --- a/core/themes/olivero/css/components/header-search-wide.css +++ b/core/themes/olivero/css/components/header-search-wide.css @@ -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; diff --git a/core/themes/olivero/css/components/header-search-wide.pcss.css b/core/themes/olivero/css/components/header-search-wide.pcss.css index 941d85d3703..61b153a5277 100644 --- a/core/themes/olivero/css/components/header-search-wide.pcss.css +++ b/core/themes/olivero/css/components/header-search-wide.pcss.css @@ -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; diff --git a/core/themes/olivero/css/layout/layout-sidebar.css b/core/themes/olivero/css/layout/layout-sidebar.css index ae391742569..4df419595bd 100644 --- a/core/themes/olivero/css/layout/layout-sidebar.css +++ b/core/themes/olivero/css/layout/layout-sidebar.css @@ -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; } } diff --git a/core/themes/olivero/css/layout/layout-sidebar.pcss.css b/core/themes/olivero/css/layout/layout-sidebar.pcss.css index 17b8f0719fe..6cd6c5000eb 100644 --- a/core/themes/olivero/css/layout/layout-sidebar.pcss.css +++ b/core/themes/olivero/css/layout/layout-sidebar.pcss.css @@ -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; } } diff --git a/core/themes/stable9/css/locale/locale.admin.css b/core/themes/stable9/css/locale/locale.admin.css index f759fa4159d..ec1969a603c 100644 --- a/core/themes/stable9/css/locale/locale.admin.css +++ b/core/themes/stable9/css/locale/locale.admin.css @@ -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 { diff --git a/core/themes/stable9/css/shortcut/shortcut.theme.css b/core/themes/stable9/css/shortcut/shortcut.theme.css index 97edead062b..d7a5fa146f7 100644 --- a/core/themes/stable9/css/shortcut/shortcut.theme.css +++ b/core/themes/stable9/css/shortcut/shortcut.theme.css @@ -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; diff --git a/core/themes/stable9/css/system/system.admin.css b/core/themes/stable9/css/system/system.admin.css index e4b0e61b978..c00cb362aa4 100644 --- a/core/themes/stable9/css/system/system.admin.css +++ b/core/themes/stable9/css/system/system.admin.css @@ -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 {