remove dead CSS, dead code and unused exports

Author: fturmel

src/components/Button.js

@@ -20,7 +20,7 @@ import * as css from './Button.module.css';
  * @param {ButtonProps & React.HTMLAttributes<HTMLElement>} props
  * @returns {React.ReactElement}
  */
-export const Button = ({
+const Button = ({
   className,
   to,
   href,

src/components/Footer.module.css

@@ -95,21 +95,6 @@
   }
 }
 
-.bottom {
-  display: flex;
-  font-size: var(--maru-medium);
-  font-family: var(--maru-mono);
-  justify-content: space-between;
-  border-left: var(--border);
-  border-bottom: var(--border);
-
-  & span {
-    line-height: var(--baseline);
-    display: block;
-    font-weight: 600;
-  }
-}
-
 .socialLinks,
 .navBox {
   padding-top: var(--spacing-small);
@@ -175,10 +160,6 @@
   border-bottom: var(--border);
 }
 
-.image {
-  opacity: 0.75;
-}
-
 .copyright {
   font-family: var(--maru-mono);
   font-size: var(--maru-small);

src/components/HomepageScene.module.css

@@ -289,10 +289,6 @@
     height: var(--baseline-1of5);
   }
 
-  .subheader {
-    overflow: hidden;
-  }
-
   .paragraph {
     overflow: hidden;
   }

src/components/PassengerShowcaseForm.module.css

@@ -17,7 +17,7 @@
     font-size: var(--maru-small);
     line-height: 17px;
 
-    &.radio-label {
+    &.radioLabel {
       /* display: inline; */
       margin-right: var(--spacing-small);
       color: var(--text-color);

src/components/Select.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 
 import * as css from './Select.module.css';
 
-export const Select = ({
+const Select = ({
   title,
   options,
   selected,

src/components/ShareButton.js

@@ -5,7 +5,7 @@ import Button from './Button';
 
 import * as css from './ShareButton.module.css';
 
-export const ShareButton = ({ className, variant, wrapped, text }) => {
+const ShareButton = ({ className, variant, wrapped, text }) => {
   const [isCopied, setIsCopied] = useState(false);
 
   const handleCopy = async () => {

src/components/Tabs.js

@@ -5,7 +5,7 @@ import ShareButton from './ShareButton';
 
 import * as css from './Tabs.module.css';
 
-export const Tabs = ({ className, variant, labels, children }) => {
+const Tabs = ({ className, variant, labels, children }) => {
   const [activeIndex, setActiveIndex] = useState(0);
   const [wrapShareButton, setWrapShareButton] = useState(false);
   const isFirstRender = useRef(true);

src/components/Tags.module.css

@@ -28,16 +28,6 @@
   }
 }
 
-.tags.singleLine {
-  margin-top: 0;
-}
-
-@media (--reduced) {
-  .tags {
-    display: none;
-  }
-}
-
 .showButton {
   cursor: pointer;
   font-size: inherit;

src/components/challenges/Card.module.css

@@ -1,7 +1,3 @@
-.root {
-  font-family: var(--maru-mono);
-}
-
 .challenge {
   width: 48%;
   display: flex;

src/components/challenges/VideoSection.module.css

@@ -80,14 +80,6 @@
   padding-bottom: var(--baseline-box-11x);
 }
 
-.youtube {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
 /* Timeline section */
 
 .timelineContainer {
@@ -306,10 +298,6 @@
     top: calc(50% - 3px);
   }
 
-  .unCollapsed .progress {
-    display: none;
-  }
-
   .unCollapsed .tabs,
   .unCollapsed .timeline {
     border-right: var(--border-cyan);