[#1584] Refactoring onboarding styles

akvo · Sep 4, 2023 · d941ccf · d941ccf
1 parent 211d682
commit d941ccf
Showing 1 changed file with 13 additions and 27 deletions.
diff --git a/frontend/src/modules/onboarding/styles.module.scss b/frontend/src/modules/onboarding/styles.module.scss
@@ -1,4 +1,6 @@
 @import "../../vars.scss";
+@import "../../styles/vars.scss";
+@import "../../styles/btns.scss";
 
 .onboarding {
   padding: 60px 0px;
@@ -44,6 +46,13 @@
         flex-direction: column;
         justify-content: center;
       }
+      .label-text {
+        margin: 20px 0 8px;
+        color: $primaryDarkBlue;
+        font-size: $fzXXS;
+        font-weight: 500;
+        line-height: $lhXXS;
+      }
     }
     .getting-started.slide {
       position: relative;
@@ -55,7 +64,7 @@
           font-weight: 500;
           font-size: 36px;
           line-height: 52px;
-          color: #18162f;
+          color: $primaryDarkBlue;
         }
       }
       .image-wrapper {
@@ -159,28 +168,12 @@
       z-index: 3;
     }
     .step-button-next {
-      border: 2px solid #18162f;
-      border-radius: 23.5px;
-      font-weight: 700;
-      font-size: 16px;
-      line-height: 22px;
-      display: flex;
-      align-items: center;
-      text-align: center;
-      color: #18162f;
-      padding: 20px 45px;
-      background: transparent;
       &.abs {
         position: absolute;
         right: 30px;
         bottom: 26px;
         z-index: 3;
       }
-      &:hover {
-        border-color: $blue12;
-        color: #fff;
-        background: $blue12;
-      }
     }
 
     label {
@@ -275,23 +268,13 @@
         font-size: 16px;
         line-height: 42px;
       }
-      &.ant-input-status-error {
-        border: 1px solid #ff4d4f;
-      }
     }
 
     textarea {
       line-height: 20px !important;
       font-size: 16px;
       padding: 10px;
     }
-    .ant-select-selection-item {
-    }
-    .ant-input-status-error {
-      .ant-checkbox-inner {
-        border: 1px solid #ff4d4f;
-      }
-    }
     .step-form {
       .ant-upload {
         background: transparent;
@@ -450,6 +433,9 @@
             color: #fff;
             background: $blue12;
           }
+          &.small {
+            padding: 4px 20px !important;
+          }
         }
         div {
           text-align: center;