quick css cleanup

Author: fturmel

src/components/ButtonPanel.module.css

@@ -15,7 +15,6 @@
     overflow: hidden;
     margin: 0 var(--spacing-normal) 0 0;
     text-transform: uppercase;
-    /* color: var(--gray-dark); */
     color: var(--text-color);
   }
 }

src/components/ChallengesPanel.module.css

@@ -60,8 +60,7 @@
     justify-content: space-between;
     align-items: center;
     margin: 0;
-  color: var(--text-color);
-
+    color: var(--text-color);
   }
 }
 

src/components/Question.module.css

@@ -5,7 +5,6 @@
   border-left: var(--border);
   border-bottom: var(--border);
   font-family: var(--maru-mono);
-  /* color: var(--gray-dark); */
   color: var(--text-color);
 }
 
@@ -53,7 +52,6 @@
       position: absolute;
       left: calc(-1.5 * var(--box-padding));
       content: "\2022";
-      /* color: var(--gray-dark); */
       color: var(--text-color);
       display: inline-block;
       width: var(--box-padding);

src/components/Tabs.module.css

@@ -29,7 +29,6 @@
   cursor: pointer;
   font-family: var(--maru-mono);
   text-transform: none;
-  /* color: var(--gray-dark); */
   color: var(--text-color);
   user-select: none;
 }
@@ -43,6 +42,11 @@
   font-weight: 600;
 }
 
+.active,
+.tab:hover {
+  color: var(--text-color) !important;
+}
+
 .component {
   position: relative;
   display: none;
@@ -74,7 +78,6 @@
   & .tab:hover,
   & .active {
     background-color: var(--red-light);
-    color: var(--text-color);
   }
 }
 
@@ -92,8 +95,6 @@
   & .tab:hover,
   & .active {
     background-color: var(--cyan-light);
-    /* color: var(--gray-dark); */
-    color: var(--text-color);
   }
 }
 

src/components/TopBar.module.css

@@ -4,7 +4,6 @@
   position: relative;
   justify-content: space-between;
   background-color: var(--gray-light);
-  /* color: var(--gray-dark); */
   color: var(--text-color);
 }
 

src/components/challenges/Card.module.css

@@ -15,7 +15,6 @@
     justify-content: space-between;
     align-items: center;
     margin: 0;
-    /* color: var(--gray-dark); */
     color: var(--text-color);
   }
 }

src/components/showcase/Card.module.css

@@ -67,7 +67,6 @@
 
   & p {
     border-bottom: none;
-    /* color: var(--gray-dark); */
     color: var(--text-color);
     text-transform: uppercase;
     text-overflow: ellipsis;

src/components/tracks/Header.module.css

@@ -27,7 +27,6 @@
   border-bottom: var(--border-red);
   background-color: var(--background-color);
   font-family: var(--maru-mono);
-  /* color: var(--gray-dark); */
   color: var(--text-color);
 }
 

src/styles/pages/index.module.css

@@ -210,15 +210,13 @@
 
 .trackCard .date {
   background-color: var(--red-light);
-  /* color: var(--gray-dark); */
   color: var(--text-color);
   border-bottom: var(--border-red);
   border-left: var(--border-red);
 }
 
 .challengeCard .date {
   background-color: var(--cyan-light);
-  /* color: var(--gray-dark); */
   color: var(--text-color);
   border-bottom: var(--border-cyan);
   border-left: var(--border-cyan);
@@ -257,35 +255,31 @@
   height: var(--baseline-3x);
   border-left: var(--border);
   border-bottom: var(--border-purple);
-  /* background: white; */
+  background-color: var(--background-color);
   color: var(--text-color);
 
   & p,
   & address {
     margin: 0;
     padding: 0 var(--box-padding);
-    /* color: var(--gray-dark); */
   }
 
   & .videoTitle {
     text-transform: uppercase;
     font-size: var(--maru-normal);
-    /* color: var(--gray-mid); */
   }
 
   & .showcaseTitle {
     font-family: var(--maru-mono);
     font-size: var(--maru-xlarge);
     line-height: var(--maru-xlarge-line-height);
     font-weight: bold;
-    /* color: var(--text-color); */
   }
 }
 
 .showcase .author {
   font-family: var(--maru-mono);
   font-style: normal;
-  /* color: var(--gray-dark); */
   color: var(--text-color);
   padding: 0 var(--box-padding);
   margin: 0;
@@ -338,15 +332,13 @@
   border-left: var(--border-pink);
   line-height: var(--baseline-box);
   font-size: var(--maru-large);
-  /* color: var(--gray-dark); */
   color: var(--text-color);
   background-color: var(--pink-tint);
   text-transform: uppercase;
 }
 
 .event {
   display: flex;
-  /* color: var(--gray-dark); */
   color: var(--text-color);
   & p {
     margin: 0;

src/templates/guide.module.css

@@ -59,7 +59,6 @@
 .itemSpacer {
   flex-basis: 50%;
   background-color: var(--purple-light);
-  /* color: var(--gray-dark); */
   color: var(--text-color);
 }
 
@@ -196,13 +195,11 @@
 
 .th {
   background-color: var(--purple-light);
-  /* color: var(--gray-dark); */
   color: var(--text-color);
 }
 
 .breakSpacer {
   border-top: var(--border);
-  /* border: none; */
 }
 
 @media (--small) {