Drop support for IE, Blackberry and Baidu

assets/components/atoms/definition-list/definition-list.scss

@@ -54,25 +54,3 @@
     grid-column: 1 / span 2;
   }
 }
-
-@include ie11('.definition-list-grid') {
-  display: block;
-}
-
-@include ie11('.definition-list-grid dt') {
-  float: left;
-  margin: 0;
-  border: none;
-}
-
-@include ie11('.definition-list-grid dd') {
-  @include clearfix;
-}
-
-@include ie11('.definition-list-grid .definition-list-item-full') {
-  float: none;
-  width: 100%;
-
-  @include clearfix;
-}
-

assets/components/content-types/study-plan/study-plan.yml

@@ -5,6 +5,4 @@ notes: |
 
   Please override the columns width (if they do not fit your needs) by using a CSS variable: `<div class="study-plan table-like" style="--table-columns: 1fr minmax(200px, 3fr) minmax(auto, 1fr) minmax(200px, 3fr) 3fr 1fr">`.
 
-  The default behaviour is kept on IE, the content stays readable (the table might be a bit wonky when some columns are missing though).
-
   On mobile, the tables are scrollable horizontally.

assets/components/entrypoint.js

@@ -1,6 +1,5 @@
 /* globals jQuery, Tablesaw */
 
-import objectFitImages from 'object-fit-images';
 import upload from './atoms/upload/upload';
 import breadcrumb from './molecules/breadcrumb/breadcrumb';
 import datepicker from './molecules/datepicker/datepicker';
@@ -53,14 +52,6 @@ jQuery.fn.extend({
 
     guide();
     anchors();
-
-    // Init polyfill for Object Fit on IE11
-    const isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
-    if (isIE11) {
-      objectFitImages();
-      jQuery('body').addClass('ie');
-    }
-
   }
 });
 

assets/components/entrypoint.scss

@@ -107,7 +107,6 @@
 @import 'content-types/publication/publication';
 @import 'content-types/science-question/science-question';
 @import 'content-types/study-plan/study-plan';
-@import 'content-types/study-plan/study-plan-ie';
 @import 'content-types/press-review/press-review';
 @import 'content-types/section/section';
 @import 'content-types/school/school';

assets/components/molecules/card/card.scss

@@ -240,13 +240,6 @@ a.card {
   }
 }
 
-// Fix for IE not handling image height correctly
-// https://github.com/philipwalton/flexbugs/issues/75
-.card-img-top,
-.card-overlay .card-img {
-  min-height: 1px;
-}
-
 // Grayscale look, see event finished
 .card-grayscale {
   &:hover {

assets/components/organisms/key-number-group/key-number-group.scss

@@ -26,6 +26,3 @@
     }
   }
 }
-
-@include ie11('.key-number-group .key-number') { flex: 0 0 20%; }
-@include ie11('.key-number-group .key-large') { flex: 0 0 45%; }

assets/config/layout.scss

@@ -75,29 +75,3 @@
     @extend .mt-n#{$i};
   }
 }
-
-@include ie11('.container-grid') {
-  display: block;
-}
-
-@include ie11('.container-grid > *') {
-  max-width: col-width(lg, 10);
-  margin: 0 auto;
-}
-
-@include media-breakpoint-up(lg) {
-  @include ie11('.container-grid > *') {
-    max-width: col-width(lg, 8);
-  }
-}
-
-@include media-breakpoint-up(xl) {
-  @include ie11('.container-grid > *') {
-    max-width: col-width(xl, 6);
-  }
-}
-
-@include ie11('.container-grid .container-full') {
-  max-width: 100%;
-  width: 100%;
-}

assets/config/mixins.scss

@@ -213,13 +213,3 @@
   border-right: $trapeze-height solid transparent;
   transition: border $trapeze-animation-duration;
 }
-
-
-// IE 11 mixin
-// WARNING: Autoprefixer is off inside this.
-@mixin ie11($selector) {
-  :-ms-fullscreen, :root #{$selector} {
-    /* autoprefixer: off */
-    @content;
-  }
-}

docs/contribute/support-and-request.html

@@ -61,14 +61,13 @@ <h1 class="mt-5">FAQ</h1>
     <p>
       Elements is supporting the following browsers and versions:
       <ul>
-        <li>Chrome  63, 64+</li>
-        <li>Chrome for Android  64+</li>
-        <li>Firefox 57, 58+</li>
-        <li>Safari  10.1, 11+</li>
-        <li>Safari iOS  10.3, 11+</li>
-        <li>Internet Explorer 11</li>
-        <li>Edge  15, 16+</li>
-        <li>Opera 49, 50+</li>
+        <li>Chrome 123, 124+</li>
+        <li>Chrome for Android 123, 124+</li>
+        <li>Firefox 125, 126+</li>
+        <li>Safari 17.4, 17.5+</li>
+        <li>Safari iOS 16.6, 16.7+</li>
+        <li>Edge 124, 125+</li>
+        <li>Opera 109, 110+</li>
       </ul>
     </p>
   </div>

package.json

@@ -40,7 +40,8 @@
   "main": "dist/js/elements.min.js",
   "browserslist": [
     "> 1% in CH",
-    "last 2 versions"
+    "last 2 versions",
+    "not dead"
   ],
   "eslintConfig": {
     "parser": "@babel/eslint-parser",
@@ -168,7 +169,6 @@
     "jquery": "^3.7.1",
     "jquery-mousewheel": "^3.1.13",
     "multiple-select": "^1.5.2",
-    "object-fit-images": "^3.2.4",
     "pickadate": "^3.6.4",
     "popper.js": "^1.16.1",
     "tablesaw": "^3.1.2"

yarn.lock

@@ -7136,11 +7136,6 @@ object-assign@^4, object-assign@^4.1.1:
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
 
-object-fit-images@^3.2.4:
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/object-fit-images/-/object-fit-images-3.2.4.tgz#6c299d38fdf207746e5d2d46c2877f6f25d15b52"
-  integrity sha512-G+7LzpYfTfqUyrZlfrou/PLLLAPNC52FTy5y1CBywX+1/FkxIloOyQXBmZ3Zxa2AWO+lMF0JTuvqbr7G5e5CWg==
-
 [email protected]:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"