Merge pull request #17 from nasa-jpl/feature/5-remove-ie-support

Removing IE-specific scripts, styles and fonts
nasa-jpl · Sep 23, 2021 · d227ea9 · d227ea9
2 parents 6ec911c + db411c0
commit d227ea9
Show file tree

Hide file tree

Showing 43 changed files with 68 additions and 178 deletions.
diff --git a/dist/css/explorer-1.min.css b/dist/css/explorer-1.min.css
diff --git a/dist/css/font-face.css b/dist/css/font-face.css
@@ -3,105 +3,91 @@
   font-weight: 800;
   font-style: normal;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-ExtraBold.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-ExtraBold.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-ExtraBold.woff2) format('woff2');
 }
 @font-face {
   font-family: Metropolis;
   font-weight: 700;
   font-style: normal;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-Bold.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-Bold.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-Bold.woff2) format('woff2');
 }
 @font-face {
   font-family: Metropolis;
   font-weight: 700;
   font-style: italic;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-BoldItalic.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-BoldItalic.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-BoldItalic.woff2) format('woff2');
 }
 @font-face {
   font-family: Metropolis;
   font-weight: 600;
   font-style: normal;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-SemiBold.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-SemiBold.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-SemiBold.woff2) format('woff2');
 }
 @font-face {
   font-family: Metropolis;
   font-weight: 600;
   font-style: italic;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-SemiBoldItalic.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-SemiBoldItalic.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-SemiBoldItalic.woff2) format('woff2');
 }
 @font-face {
   font-family: Metropolis;
   font-weight: 500;
   font-style: normal;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-Medium.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-Medium.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-Medium.woff2) format('woff2');
 }
 @font-face {
   font-family: Metropolis;
   font-weight: 500;
   font-style: italic;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-MediumItalic.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-MediumItalic.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-MediumItalic.woff2) format('woff2');
 }
 @font-face {
   font-family: Metropolis;
   font-weight: 400;
   font-style: normal;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-Regular.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-Regular.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-Regular.woff2) format('woff2');
 }
 @font-face {
   font-family: Metropolis;
   font-weight: 400;
   font-style: italic;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-RegularItalic.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-RegularItalic.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-RegularItalic.woff2) format('woff2');
 }
 @font-face {
   font-family: 'Archivo Narrow';
   font-weight: 700;
   font-style: normal;
   font-display: swap;
-  src: url(../fonts/archivo-narrow/ArchivoNarrow-Bold.woff2) format('woff2'),
-    url(../fonts/archivo-narrow/ArchivoNarrow-Bold.woff) format('woff');
+  src: url(../fonts/archivo-narrow/ArchivoNarrow-Bold.woff2) format('woff2');
 }
 @font-face {
   font-family: 'Archivo Narrow';
   font-weight: 700;
   font-style: italic;
   font-display: swap;
   src: url(../fonts/archivo-narrow/ArchivoNarrow-BoldItalic.woff2)
-      format('woff2'),
-    url(../fonts/archivo-narrow/ArchivoNarrow-BoldItalic.woff) format('woff');
+    format('woff2');
 }
 @font-face {
   font-family: 'Archivo Narrow';
   font-weight: 600;
   font-style: normal;
   font-display: swap;
-  src: url(../fonts/archivo-narrow/ArchivoNarrow-SemiBold.woff2) format('woff2'),
-    url(../fonts/archivo-narrow/ArchivoNarrow-SemiBold.woff) format('woff');
+  src: url(../fonts/archivo-narrow/ArchivoNarrow-SemiBold.woff2) format('woff2');
 }
 @font-face {
   font-family: 'Archivo Narrow';
   font-weight: 600;
   font-style: italic;
   font-display: swap;
   src: url(../fonts/archivo-narrow/ArchivoNarrow-SemiBoldItalic.woff2)
-      format('woff2'),
-    url(../fonts/archivo-narrow/ArchivoNarrow-SemiBoldItalic.woff)
-      format('woff');
+    format('woff2');
 }
diff --git a/dist/fonts/archivo-narrow/ArchivoNarrow-Bold.woff b/dist/fonts/archivo-narrow/ArchivoNarrow-Bold.woff
diff --git a/dist/fonts/archivo-narrow/ArchivoNarrow-BoldItalic.woff b/dist/fonts/archivo-narrow/ArchivoNarrow-BoldItalic.woff
diff --git a/dist/fonts/archivo-narrow/ArchivoNarrow-SemiBold.woff b/dist/fonts/archivo-narrow/ArchivoNarrow-SemiBold.woff
diff --git a/dist/fonts/archivo-narrow/ArchivoNarrow-SemiBoldItalic.woff b/dist/fonts/archivo-narrow/ArchivoNarrow-SemiBoldItalic.woff
diff --git a/dist/fonts/metropolis/Metropolis-Bold.woff b/dist/fonts/metropolis/Metropolis-Bold.woff
diff --git a/dist/fonts/metropolis/Metropolis-BoldItalic.woff b/dist/fonts/metropolis/Metropolis-BoldItalic.woff
diff --git a/dist/fonts/metropolis/Metropolis-ExtraBold.woff b/dist/fonts/metropolis/Metropolis-ExtraBold.woff
diff --git a/dist/fonts/metropolis/Metropolis-Medium.woff b/dist/fonts/metropolis/Metropolis-Medium.woff
diff --git a/dist/fonts/metropolis/Metropolis-MediumItalic.woff b/dist/fonts/metropolis/Metropolis-MediumItalic.woff
diff --git a/dist/fonts/metropolis/Metropolis-Regular.woff b/dist/fonts/metropolis/Metropolis-Regular.woff
diff --git a/dist/fonts/metropolis/Metropolis-RegularItalic.woff b/dist/fonts/metropolis/Metropolis-RegularItalic.woff
diff --git a/dist/fonts/metropolis/Metropolis-SemiBold.woff b/dist/fonts/metropolis/Metropolis-SemiBold.woff
diff --git a/dist/fonts/metropolis/Metropolis-SemiBoldItalic.woff b/dist/fonts/metropolis/Metropolis-SemiBoldItalic.woff
diff --git a/dist/js/explorer-1.min.js b/dist/js/explorer-1.min.js
diff --git a/src/fonts/README.md b/src/fonts/README.md
@@ -0,0 +1,12 @@
+# Fonts
+
+Place optimized fonts file in this folder. We provide font files as WOFF 2.0 for all modern browsers.
+
+- WOFF 2.0 conversion: [woff2](https://github.com/google/woff2)
+
+Fonts:
+
+- [Metropolis](https://fontsarena.com/metropolis-by-chris-simpson/)
+- [Archivo Narrow](https://fonts.google.com/specimen/Archivo+Narrow)
+
+See the styleguide for font usage guidelines.
diff --git a/src/fonts/archivo-narrow/ArchivoNarrow-Bold.woff b/src/fonts/archivo-narrow/ArchivoNarrow-Bold.woff
diff --git a/src/fonts/archivo-narrow/ArchivoNarrow-BoldItalic.woff b/src/fonts/archivo-narrow/ArchivoNarrow-BoldItalic.woff
diff --git a/src/fonts/archivo-narrow/ArchivoNarrow-SemiBold.woff b/src/fonts/archivo-narrow/ArchivoNarrow-SemiBold.woff
diff --git a/src/fonts/archivo-narrow/ArchivoNarrow-SemiBoldItalic.woff b/src/fonts/archivo-narrow/ArchivoNarrow-SemiBoldItalic.woff
diff --git a/src/fonts/metropolis/Metropolis-Bold.woff b/src/fonts/metropolis/Metropolis-Bold.woff
diff --git a/src/fonts/metropolis/Metropolis-BoldItalic.woff b/src/fonts/metropolis/Metropolis-BoldItalic.woff
diff --git a/src/fonts/metropolis/Metropolis-ExtraBold.woff b/src/fonts/metropolis/Metropolis-ExtraBold.woff
diff --git a/src/fonts/metropolis/Metropolis-Medium.woff b/src/fonts/metropolis/Metropolis-Medium.woff
diff --git a/src/fonts/metropolis/Metropolis-MediumItalic.woff b/src/fonts/metropolis/Metropolis-MediumItalic.woff
diff --git a/src/fonts/metropolis/Metropolis-Regular.woff b/src/fonts/metropolis/Metropolis-Regular.woff
diff --git a/src/fonts/metropolis/Metropolis-RegularItalic.woff b/src/fonts/metropolis/Metropolis-RegularItalic.woff
diff --git a/src/fonts/metropolis/Metropolis-SemiBold.woff b/src/fonts/metropolis/Metropolis-SemiBold.woff
diff --git a/src/fonts/metropolis/Metropolis-SemiBoldItalic.woff b/src/fonts/metropolis/Metropolis-SemiBoldItalic.woff
diff --git a/src/js/_detect-ie.js b/src/js/_detect-ie.js
diff --git a/src/js/scripts.js b/src/js/scripts.js
@@ -1,9 +1,3 @@
-/* base scripts for jpl-design-system */
-
-// node polyfill. see: https://javascript.info/global-object
-var global = global || window
-
-require('./_detect-ie.js')
 require('./_lazysizes.js')
 require('./_swiper.js')
-// add scripts here
+// add more scripts here
diff --git a/src/scss/_components.scss b/src/scss/_components.scss
@@ -1,59 +1,57 @@
 @import 'components/AnimationCaret';
-@import 'components/BasePlaceholder';
+@import 'components/BaseButton';
 @import 'components/BaseCarouselCards';
-@import 'components/BlockIframeEmbed';
-@import 'components/BaseImageCaption';
-@import 'components/BlockInlineImage';
 @import 'components/BaseImage';
-@import 'components/BlockImageCarouselItem';
-@import 'components/BlockQuote';
+@import 'components/BaseImageCaption';
+@import 'components/BaseImagePlaceholder';
+@import 'components/BasePlaceholder';
+@import 'components/BlockIframeEmbed';
 @import 'components/BlockImageCarousel';
-@import 'components/BlockVideoEmbed';
+@import 'components/BlockImageCarouselItem';
+@import 'components/BlockImageGallery';
+@import 'components/BlockInlineImage';
 @import 'components/BlockKeyPoints';
+@import 'components/BlockQuote';
 @import 'components/BlockTable';
 @import 'components/BlockTeaser';
+@import 'components/BlockText';
+@import 'components/BlockVideoEmbed';
+@import 'components/HeroFeature';
 @import 'components/HeroFocalPoint';
-@import 'components/BaseImagePlaceholder';
 @import 'components/HeroMedia';
-@import 'components/HeroFeature';
-@import 'components/IconArrows';
-@import 'components/BlockText';
 @import 'components/Icon360';
 @import 'components/IconArrow';
+@import 'components/IconArrows';
+@import 'components/IconAudio';
+@import 'components/IconCalendar';
+@import 'components/IconCaret';
 @import 'components/IconCheckbox';
 @import 'components/IconCheckboxSelected';
-@import 'components/IconCalendar';
 @import 'components/IconClose';
-@import 'components/IconDownload';
 @import 'components/IconCloseLightbox';
-@import 'components/IconCaret';
+@import 'components/IconDownload';
+@import 'components/IconDropdown';
+@import 'components/IconExpand';
 @import 'components/IconExternal';
 @import 'components/IconFilter';
 @import 'components/IconGrid';
-@import 'components/IconExpand';
-@import 'components/IconDropdown';
 @import 'components/IconInfo';
 @import 'components/IconList';
+@import 'components/IconLocation';
 @import 'components/IconMenu';
-@import 'components/IconNext';
 @import 'components/IconMinus';
-@import 'components/IconPlay';
-@import 'components/IconLocation';
+@import 'components/IconMute';
+@import 'components/IconNext';
 @import 'components/IconPause';
+@import 'components/IconPlay';
 @import 'components/IconPlus';
+@import 'components/IconPrev';
 @import 'components/IconSearch';
-@import 'components/IconMute';
-@import 'components/IconAudio';
+@import 'components/IconSocialEmail';
 @import 'components/IconSocialFacebook';
-@import 'components/IconSocialTwitter';
-@import 'components/BaseButton';
 @import 'components/IconSocialInstagram';
-@import 'components/BlockImageGallery';
-@import 'components/IconPrev';
+@import 'components/IconSocialTwitter';
 @import 'components/IconSocialYoutube';
-@import 'components/IconTime';
-@import 'components/IconSocialEmail';
 @import 'components/IconStop';
+@import 'components/IconTime';
 @import 'components/IconVolume';
-@import 'components/RoboticsDetailFacts';
-@import 'components/SearchResultCard';
diff --git a/src/scss/_fonts.scss b/src/scss/_fonts.scss
@@ -3,105 +3,91 @@
   font-weight: 800;
   font-style: normal;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-ExtraBold.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-ExtraBold.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-ExtraBold.woff2) format('woff2');
 }
 @font-face {
   font-family: Metropolis;
   font-weight: 700;
   font-style: normal;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-Bold.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-Bold.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-Bold.woff2) format('woff2');
 }
 @font-face {
   font-family: Metropolis;
   font-weight: 700;
   font-style: italic;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-BoldItalic.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-BoldItalic.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-BoldItalic.woff2) format('woff2');
 }
 @font-face {
   font-family: Metropolis;
   font-weight: 600;
   font-style: normal;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-SemiBold.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-SemiBold.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-SemiBold.woff2) format('woff2');
 }
 @font-face {
   font-family: Metropolis;
   font-weight: 600;
   font-style: italic;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-SemiBoldItalic.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-SemiBoldItalic.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-SemiBoldItalic.woff2) format('woff2');
 }
 @font-face {
   font-family: Metropolis;
   font-weight: 500;
   font-style: normal;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-Medium.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-Medium.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-Medium.woff2) format('woff2');
 }
 @font-face {
   font-family: Metropolis;
   font-weight: 500;
   font-style: italic;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-MediumItalic.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-MediumItalic.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-MediumItalic.woff2) format('woff2');
 }
 @font-face {
   font-family: Metropolis;
   font-weight: 400;
   font-style: normal;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-Regular.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-Regular.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-Regular.woff2) format('woff2');
 }
 @font-face {
   font-family: Metropolis;
   font-weight: 400;
   font-style: italic;
   font-display: swap;
-  src: url(../fonts/metropolis/Metropolis-RegularItalic.woff2) format('woff2'),
-    url(../fonts/metropolis/Metropolis-RegularItalic.woff) format('woff');
+  src: url(../fonts/metropolis/Metropolis-RegularItalic.woff2) format('woff2');
 }
 @font-face {
   font-family: 'Archivo Narrow';
   font-weight: 700;
   font-style: normal;
   font-display: swap;
-  src: url(../fonts/archivo-narrow/ArchivoNarrow-Bold.woff2) format('woff2'),
-    url(../fonts/archivo-narrow/ArchivoNarrow-Bold.woff) format('woff');
+  src: url(../fonts/archivo-narrow/ArchivoNarrow-Bold.woff2) format('woff2');
 }
 @font-face {
   font-family: 'Archivo Narrow';
   font-weight: 700;
   font-style: italic;
   font-display: swap;
   src: url(../fonts/archivo-narrow/ArchivoNarrow-BoldItalic.woff2)
-      format('woff2'),
-    url(../fonts/archivo-narrow/ArchivoNarrow-BoldItalic.woff) format('woff');
+    format('woff2');
 }
 @font-face {
   font-family: 'Archivo Narrow';
   font-weight: 600;
   font-style: normal;
   font-display: swap;
-  src: url(../fonts/archivo-narrow/ArchivoNarrow-SemiBold.woff2) format('woff2'),
-    url(../fonts/archivo-narrow/ArchivoNarrow-SemiBold.woff) format('woff');
+  src: url(../fonts/archivo-narrow/ArchivoNarrow-SemiBold.woff2) format('woff2');
 }
 @font-face {
   font-family: 'Archivo Narrow';
   font-weight: 600;
   font-style: italic;
   font-display: swap;
   src: url(../fonts/archivo-narrow/ArchivoNarrow-SemiBoldItalic.woff2)
-      format('woff2'),
-    url(../fonts/archivo-narrow/ArchivoNarrow-SemiBoldItalic.woff)
-      format('woff');
+    format('woff2');
 }
diff --git a/src/scss/components/_AnimationCaret.scss b/src/scss/components/_AnimationCaret.scss
@@ -52,17 +52,4 @@
       transform: translate(0, -50%);
     }
   }
-  .ie11 & {
-    > .arrow-wrapper {
-      > .arrow,
-      > .arrow-fixed {
-        @apply top-0 mt-1;
-      }
-    }
-    &.caret-inline {
-      .arrow-wrapper {
-        @apply hidden;
-      }
-    }
-  }
 }
diff --git a/src/scss/components/_BaseCarouselCards.scss b/src/scss/components/_BaseCarouselCards.scss
@@ -1,5 +1,3 @@
-
-
 .BaseCarouselCards {
   .swiper-container {
     @apply overflow-visible #{!important};

diff --git a/src/scss/components/_BlockInlineImage.scss b/src/scss/components/_BlockInlineImage.scss
@@ -5,12 +5,4 @@
       @apply text-white;
     }
   }
-  .ie11 & {
-    @screen lg {
-      @apply flex;
-      > div {
-        @apply px-5;
-      }
-    }
-  }
 }