css-modules integrated

oslabs-beta · May 25, 2023 · 102b8d1 · 102b8d1
1 parent 7efe063
commit 102b8d1
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 31 deletions.
diff --git a/client/scss/_codeBlock.scss → client/scss/CodeBlock.module.scss b/client/scss/_codeBlock.scss → client/scss/CodeBlock.module.scss
@@ -27,7 +27,7 @@
     font-size: 0.75rem;
   }
 
-  .copy-button {
+  .copyButton {
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -36,7 +36,6 @@
       @include standard-button;
       font-size: 0.75rem;
       padding: 0.25rem 0.5rem;
-      transition: background-color 0.3s ease-in-out;
 
       &.copied {
         background-color: #4caf50;

diff --git a/client/scss/_eventLogger.scss → client/scss/EventLogger.module.scss b/client/scss/_eventLogger.scss → client/scss/EventLogger.module.scss
diff --git a/client/scss/_testPage.scss → client/scss/TestPage.module.scss b/client/scss/_testPage.scss → client/scss/TestPage.module.scss
@@ -29,10 +29,6 @@
     border: 1px solid white;
     padding: 1rem;
     border-radius: 4px;
-    background-color: #202020;
-      *{
-      background-color: #202020;
-      }
   }
     summary {
       font-weight: $font-weight-semibold;
@@ -45,13 +41,9 @@
         margin: 0.5rem 0;
       }
     }
-
-    p {
-      margin-bottom: 1rem;
-    }
-
   }
-  .input-history {
+
+  .inputHistory {
     margin: 1rem 0;
     height: 10rem;
     // width: 80vw;
@@ -64,7 +56,11 @@
     background-color: $color-input-background;
 
     li {
-      background-color: transparent;
+      border: 0.1rem solid $color-input-border;
+      border-radius: 0.3rem;
+      padding: 0.5rem 1rem;
+      text-align: center;
+      background-color: lighten($color-input-background, 5%);
     }
   }
 
@@ -73,25 +69,16 @@
     color: white;
     &:hover {
       background-color: #4aa14d;
-      transform: translateY(-2px); // Add translateY transform for a subtle lift effect on hover
+      transform: translateY(-2px);
     }
   }
 
-  #generate {
+  .generate {
     background-color: #e44848;
     color: white;
     &:hover {
       background-color: #f85c5c;
-      transform: translateY(-2px); // Add translateY transform for a subtle lift effect on hover
+      transform: translateY(-2px); 
     }
   }
-
-  .input-history
-    li {
-      border: 0.1rem solid $color-input-border;
-      border-radius: 0.3rem;
-      padding: 0.5rem 1rem;
-      text-align: center;
-      background-color: lighten($color-input-background, 5%);
-    }
 }
diff --git a/client/scss/_topBar.scss → client/scss/TopBar.module.scss b/client/scss/_topBar.scss → client/scss/TopBar.module.scss
@@ -7,7 +7,7 @@
   color: $color-text;
   font-family: $font-family;
 
-  .topBar__logo {
+  .topBarlogo {
     display: flex;
     align-items: left;
     width: 2rem;

diff --git a/client/scss/_welcomePage.scss → client/scss/WelcomePage.module.scss b/client/scss/_welcomePage.scss → client/scss/WelcomePage.module.scss
diff --git a/client/scss/application.scss b/client/scss/application.scss
@@ -2,8 +2,3 @@
 @import "styles";
 @import "components/buttons";
 @import "components/input";
-@import "eventLogger";
-@import "topBar";
-@import "welcomePage";
-@import "testPage";
-@import "codeBlock";