Remove off-brand transitions and mobile UI breaking link

1 files changed, 15 insertions, 23 deletions

diff --git a/static/css/pages/everything.css b/static/css/pages/everything.css
index 5f2c12b..cc34f81 100644
--- a/static/css/pages/everything.css
+++ b/static/css/pages/everything.css
@@ -125,7 +125,9 @@ h3 {
   height: var(--gap-triple);
   top: 0;
   background: var(--color-background);
-  transition: background 150ms linear 0s, color 150ms linear 0s;
+  transition:
+    background 150ms linear 0s,
+    color 150ms linear 0s;
   z-index: 3;
 }
 
@@ -144,7 +146,9 @@ h3 {
   position: sticky;
   top: var(--gap-triple);
   background: var(--color-background);
-  transition: background 150ms linear 0s, color 150ms ease-out 0s;
+  transition:
+    background 150ms linear 0s,
+    color 150ms ease-out 0s;
   color: var(--color-link);
   z-index: 2;
   padding: var(--gap) 0;
@@ -165,7 +169,9 @@ h3 {
   margin-top: var(--gap-double);
   position: relative;
   background: var(--code-background);
-  transition: background 150ms linear 0s, box-shadow 150ms linear 0s;
+  transition:
+    background 150ms linear 0s,
+    box-shadow 150ms linear 0s;
   box-shadow: var(--drop-shadow);
 }
 
@@ -198,24 +204,6 @@ h3 {
   transition: all 300ms ease-out 0s;
 }
 
-#everything-lessons .lesson-snippet-link:hover {
-  color: var(--color-link);
-  background: var(--color-background);
-  transition: all 150ms ease-in 0s;
-  outline-color: var(--color-accent);
-}
-
-#everything-lessons .snippet-link-icon {
-  color: var(--color-accent);
-  transition: color 150ms ease-in 0s;
-  font-weight: bold;
-  text-decoration: none;
-}
-
-#everything-lessons .lesson-snippet-link:hover .snippet-link-icon {
-  color: var(--color-accent-hot);
-}
-
 #everything-lessons hr {
   width: 100%;
   height: 1px;
@@ -260,7 +248,9 @@ h3 {
     grid-column: 1 / span 2;
     padding-left: calc(var(--gap) + var(--gap-quad) * 2);
     transform: translateX(-100%);
-    transition: transform 300ms ease-in 0s, overflow-y 0s linear 600ms,
+    transition:
+      transform 300ms ease-in 0s,
+      overflow-y 0s linear 600ms,
       background 150ms linear 0s;
     z-index: 10;
     overflow: unset;
@@ -300,7 +290,9 @@ h3 {
     background: var(--color-background-dim);
     z-index: 60;
     opacity: 1;
-    transition: opacity 300ms ease-out 450ms, background 150ms linear,
+    transition:
+      opacity 300ms ease-out 450ms,
+      background 150ms linear,
       color 150ms linear 0s;
     pointer-events: all;
     box-sizing: border-box;