small frontend fixes

kuco23 · Jun 9, 2024 · bccc77a · bccc77a
1 parent 04b2bf4
commit bccc77a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/packages/frontend/src/css/config.scss b/packages/frontend/src/css/config.scss
@@ -146,4 +146,9 @@ $blockquote-color: #ccc;
 
 /* social icons */
 $social-icon-color: #777;
-$social-icon-hover-color: FireBrick;
+$social-icon-hover-color: FireBrick;
+
+/* underlining */
+$underline-color: firebrick;
+$underline-duration: 2s;
+$underline-delay: 0.75s;
diff --git a/packages/frontend/src/css/kucocoin-style.scss b/packages/frontend/src/css/kucocoin-style.scss
@@ -86,7 +86,6 @@
   height: 100%;
   padding: $kucocoin-stages-content-padding;
   background-color: $kucocoin-stages-content-background;
-  backdrop-filter: invert(1);
 
   > div {
     display: none;
@@ -323,10 +322,10 @@ blockquote.ancient:after {
   left: 0;
   width: 0%;
   height: 100%;
-  background-color: FireBrick;
+  background-color: $underline-color;
   z-index: -1;
-  animation: underline 2s forwards;
-  animation-delay: 0.75s;
+  animation: underline $underline-duration forwards;
+  animation-delay: $underline-delay;
 }
 
 @keyframes underline {