deprecate primary-button

ByAnthony · Apr 27, 2024 · b7ca0e4 · b7ca0e4
1 parent bb612a5
commit b7ca0e4
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 24 deletions.
diff --git a/client/src/components/Article/Article.module.scss b/client/src/components/Article/Article.module.scss
@@ -49,7 +49,7 @@
   flex-wrap: wrap;
   justify-content: space-between;
 
-  @include index.primary-button-link;
+  @include index.featured-button-link;
 
   p {
     text-align: left;

diff --git a/client/src/components/Footer/Footer.module.scss b/client/src/components/Footer/Footer.module.scss
@@ -77,15 +77,15 @@
     color: index.$secondary-color;
     border: 1px solid index.$primary-light-color;
     border-radius: index.$border-radius;
-    background-color: index.$primary-light-color;
+    background-color: index.$primary-medium-color;
     transition: border-bottom 0.9s ease-in-out, border-bottom 0.9s ease-in-out,
       border 0.9s ease-in-out, border 0.9s ease-in-out,
       background-color 0.9s ease-in-out, background-color 0.9s ease-in-out;
     cursor: pointer;
 
     &:hover {
       border: 1px solid index.$secondary-color;
-      background-color: index.$primary-medium-color;
+      background-color: index.$primary-dark-color;
     }
   }
 

diff --git a/client/src/components/Roll/Roll.module.scss b/client/src/components/Roll/Roll.module.scss
@@ -56,7 +56,7 @@
       text-align: center;
       text-decoration: none;
 
-      @include index.primary-button-link;
+      @include index.featured-button-link;
 
       @include index.tablet {
         width: 35px;

diff --git a/client/src/components/Roll/RollAlphabet/RollAlphabet.module.scss b/client/src/components/Roll/RollAlphabet/RollAlphabet.module.scss
@@ -5,7 +5,7 @@
 
   .letter-container {
     width: 52px;
-    background-color: index.$primary-medium-color;
+    background-color: index.$primary-dark-color;
     border: 1px solid index.$primary-light-color;
     border-radius: index.$border-radius;
 
@@ -19,7 +19,7 @@
 
     .title {
       margin: 0;
-      padding: 12px 0 6px 0;
+      padding: 8px 0 6px 0;
       font-size: 2rem;
       font-weight: 700;
       color: index.$text-color;

diff --git a/client/src/components/Roll/RollDetails/RollDetails.module.scss b/client/src/components/Roll/RollDetails/RollDetails.module.scss
@@ -7,7 +7,7 @@
   align-items: center;
   padding: index.$m-margin;
 
-  @include index.primary-button-link;
+  @include index.featured-button-link;
 
   @include index.desktop {
     padding: index.$padding-card;

diff --git a/client/src/index.scss b/client/src/index.scss
@@ -215,25 +215,10 @@ li {
   }
 }
 
-@mixin primary-button-link {
-  border: 1px solid $primary-light-color;
-  border-radius: $border-radius;
-  background-color: $primary-dark-color;
-  transition: border-bottom 0.9s ease-in-out, border-bottom 0.9s ease-in-out,
-    border 0.9s ease-in-out, border 0.9s ease-in-out,
-    background-color 0.9s ease-in-out, background-color 0.9s ease-in-out;
-  cursor: pointer;
-
-  &:hover {
-    border: 1px solid $secondary-color;
-    background-color: $primary-light-color;
-  }
-}
-
 @mixin featured-button-link {
   border: 1px solid $primary-light-color;
   border-radius: $border-radius;
-  background-color: $primary-light-color;
+  background-color: $primary-medium-color;
   transition: border-bottom 0.9s ease-in-out, border-bottom 0.9s ease-in-out,
     border 0.9s ease-in-out, border 0.9s ease-in-out,
     background-color 0.9s ease-in-out, background-color 0.9s ease-in-out;
@@ -245,7 +230,7 @@ li {
 
   &:hover {
     border: 1px solid $secondary-color;
-    background-color: $primary-medium-color;
+    background-color: $primary-dark-color;
   }
 }