@djb25/digit-ui-css 1.0.1 → 1.0.3

package/src/pages/citizen/DocumentList.scss

@@ -37,7 +37,7 @@
   padding: 1em 0em;
 }
 .document_list_searchbar {
-  border: 1px solid #505A5F !important;
+  border: 1px solid theme(colors.text.secondary) !important;
   border-radius: 0px !important;
   margin: 20px 0;
 }
@@ -67,7 +67,7 @@
   font-weight: normal;
   font-size: 12px;
   line-height: 24px;
-  color: #505A5F;
+  color: theme(colors.text.secondary);
   padding-right: 5px;
   padding-left: 15px;
   min-width: 80px;
@@ -81,7 +81,7 @@
   font-weight: normal;
   font-size: 12px;
   line-height: 14px;
-  color: #505A5F;
+  color: theme(colors.text.secondary);
 }
 .notice_and_circular_caption {
   margin-top: 10px;
@@ -109,7 +109,7 @@
         font-weight: normal;
         font-size: 16px;
         line-height: 19px;
-        color: #a82227;
+        color: theme(colors.primary.main);
       }
     }
   }
@@ -129,7 +129,7 @@
           font-weight: normal;
           font-size: 16px;
           line-height: 19px;
-          color: #a82227;
+          color: theme(colors.primary.main);
         }
       }
     }

package/src/pages/citizen/HomePageWrapper.scss

@@ -60,23 +60,19 @@
 @media (min-width: 780px) {
   .SideBarStatic {
     width: 219px;
-    background: #ffffff;
-    margin-top: -24px;
+    background: theme(colors.white);
   }
 }
+
 @media (max-width: 780px) {
   .SideBarStatic {
-    width: 219px;
-    background: #ffffff;
-    margin-top: -24px;
     display: none;
   }
 }
-
 .HomePageContainer {
   @media (min-width: 780px) {
     display: flex;
-    width: 100% !important;
+    width: calc(100% - 219px);
     height: calc(100%-30px);
   }
 }
@@ -88,7 +84,7 @@
   margin-top: -25px;
   img {
     height: 33vw;
-    background: linear-gradient(#000000,#000000);
+    filter: grayscale(100%);
     @apply w-full object-cover;
   }
   h1 {
@@ -101,7 +97,7 @@
     border: none;
     top: 76px;
     svg {
-      fill: #ffffff;
+      fill: theme(colors.white);
     }
     @apply absolute text-white text-heading-s ml-md;
   }
@@ -157,7 +153,6 @@
   }
 
   .moduleLinkHomePageModuleLinks {
-    max-width: unset;
-    width:100%
+    width: 100%;
   }
 }

package/src/pages/citizen/container.scss

@@ -10,7 +10,7 @@
 }
 .fill-path-primary-main {
   path {
-    fill: #a82227;
+    fill: theme(colors.primary.main);
   }
 }
 

package/src/pages/employee/cardfix.scss

@@ -1,7 +1,6 @@
 .flex-fit{
     @apply flex w-full border-b border-solid border-border;
-    border-bottom: 0px !important;
-    padding-top: 5px
+    padding : 8px 10px;
 }
 .card-count{
     @apply pr-xl;

package/src/pages/employee/container.scss

@@ -19,7 +19,7 @@
 }
 
 .employee-home-footer {
-  @apply flex  h-10 bg-grey-bg pb-md pt-sm justify-center w-full;
+  @apply flex h-10 pb-md pt-sm justify-center w-full;
   img {
     height: 100%;
   }
@@ -31,17 +31,17 @@
   }
 }
 .fieldInspectionWrapper{
-  border: 1px solid #d6d5d4;
+  border: 1px solid theme(colors.border);
   padding: 16px;
   margin-top: 8px;
-  background: #fafafa;
+  background: theme(colors.grey.light);
 }
 
 .fieldInsepctionInsideWrapper {
-  border: 1px solid #d6d5d4;
+  border: 1px solid theme(colors.border);
   padding: 16px;
   margin-top: 8px;
-  background: #ffffff;
+  background: theme(colors.white);
   max-width: 70%;
   min-width: 280px;
 }
@@ -49,8 +49,7 @@
 @screen dt {
   .ground-container {
     margin-bottom: 56px;
-    
-    @apply p-md;
+    /* @apply p-md; */
   }
   .heading-m {
     @apply text-heading-m-dt;
@@ -65,9 +64,9 @@
   .employee-home-footer {
   }
   .moduleCardWrapper {
-    @apply flex flex-row flex-wrap !important;
+    /* @apply flex flex-row flex-wrap !important; */
   }
   .gridModuleWrapper {
-    @apply grid grid-cols-4 gap-4;
+    @apply grid grid-cols-4 gap-1;
   }
 }

package/src/pages/employee/dss.scss

@@ -2,7 +2,7 @@
 
 /* Light Theme / Paper */
 
-background: #FFFFFF;
+background: theme(colors.white);
 /* Card-Shadow */
 
 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
@@ -26,12 +26,12 @@ margin-right:25px;
 
 .dss-switch-tab-selected{
   /* Revenue */
-  border-bottom: 3px solid #a82227;
+  border-bottom: 3px solid theme(colors.primary.main);
   font-family: Roboto;
   font-style: normal;
   font-weight: 500;
   font-size: 22px;
-  color: #a82227;
+  color: theme(colors.primary.main);
   padding: 7px 24px;
 
 }
@@ -41,7 +41,7 @@ font-family: Roboto;
 font-style: normal;
 font-weight: 500;
 font-size: 22px;
-color: #505A5F;
+color: theme(colors.text.secondary);
 padding: 8px 24px;
 
 }
@@ -85,6 +85,9 @@ padding: 8px 24px;
     .label{
       p{
         white-space:pre;
+        margin: auto;
+        margin-left:0px;
+        padding-left: 1%;
       }
     }
   }
@@ -104,13 +107,10 @@ padding: 8px 24px;
 
 .dss-input-active-border{
 --border-opacity: 1;
-border: 1px solid #a82227 !important;
+border: 1px solid theme(colors.primary.main) !important;
 border-color: rgba(244, 119, 56, var(--border-opacity));
 }
 
-.employeeCustomCard .card-count{
-  padding-right: 0px;
-}
 .dss-card {
   display: flex;
   flex-wrap: wrap;
@@ -142,7 +142,7 @@ border-color: rgba(244, 119, 56, var(--border-opacity));
     font-size: 24px;
     font-family: "Roboto", sans-serif;
     font-weight: 500;
-    color: #000000;
+    color: theme(colors.black);
   }
 
   svg {
@@ -172,15 +172,15 @@ border-color: rgba(244, 119, 56, var(--border-opacity));
   .p2 {
     font-size: 24px;
     font-weight: 500; 
-    color: #000000;
+    color: theme(colors.black);
   }
 
   .color-green {
-    color: #00703C;
+    color: theme(colors.success);
   }
 
   .color-red {
-    color: #D4351C;
+    color: theme(colors.error);
   }
 }
 .w-100 {
@@ -247,3 +247,20 @@ border-color: rgba(244, 119, 56, var(--border-opacity));
     width:100%;
   }
 }
+
+.dss-metric-horizontal{
+  width: 48%;
+  max-width: 48%;
+}
+.dss-primary{
+  display: inline;
+  margin-right: 10px;
+  path{
+    fill:theme(colors.primary.main);
+  }
+}
+
+.dss-horizontal-v2{
+  width: 22.7%;
+  max-width: 22.7%;
+}