fix(components): rectify broken styles (#910)

* fix(components): rectify broken styles
sabertazimi · Jun 12, 2022 · ddb31f3 · ddb31f3 · vercel · Jun 12, 2022
1 parent 2ccb388
commit ddb31f3
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/components/Article/ArticleHeader.module.css b/components/Article/ArticleHeader.module.css
@@ -2,6 +2,7 @@
   @apply bg-gradient-primary w-full bg-cover bg-center bg-no-repeat p-3 md:px-32 md:pt-48 md:pb-40;
 }
 
-h1.title {
+/* Overrides heading styles */
+.title.title.title {
   @apply my-12 text-6xl text-light md:my-24 md:text-8xl;
 }
diff --git a/components/PostsGrid/PostCard.module.css b/components/PostsGrid/PostCard.module.css
@@ -1,11 +1,14 @@
-h2.title {
+/* Overrides heading styles */
+.title.title.title {
   @apply my-3;
 }
 
 .skeleton {
   @apply mt-3;
 }
 
-.button {
-  @apply button-primary float-right m-0 h-14 w-14 rounded-full text-2xl;
+/* Overrides button styles */
+.button.button {
+  @apply float-right m-0 h-14 w-14 rounded-full border-primary;
+  @apply bg-primary text-2xl text-light hover:bg-secondary hover:text-light;
 }
diff --git a/styles/globals.css b/styles/globals.css
@@ -52,10 +52,6 @@
     @apply bg-gradient-to-r from-indigo-700 to-red-500;
   }
 
-  .button-primary {
-    @apply border-primary bg-primary text-light hover:bg-secondary;
-  }
-
   .flex-container {
     @apply flex flex-row flex-wrap content-center items-center justify-center;
   }