Cleanup CSS

eea · Nov 11, 2022 · 42cfa19 · 42cfa19
1 parent 1611a24
commit 42cfa19
Show file tree

Hide file tree

Showing 13 changed files with 1,055 additions and 1,157 deletions.
diff --git a/src/SearchBlock/less/answersbox.less b/src/SearchBlock/less/answersbox.less
@@ -135,43 +135,6 @@
   }
 }
 
-// .answers__bottom {
-//   display: flex;
-//   justify-content: space-between;
-//
-//   button {
-//     margin-right: 0px;
-//   }
-//
-//   h5 {
-//     margin: 0em;
-//     color: @sf-light-gray2;
-//     font-size: 0.7em;
-//     text-align: right;
-//   }
-//
-//   .answers__bottom__spacer {
-//     height: 0.5em;
-//     flex-grow: 2;
-//     border-bottom: 1px solid @sf-light-gray2;
-//     margin-right: 1em;
-//     margin-left: 1em;
-//   }
-//
-//   .right {
-//     display: flex;
-//     column-gap: 1em;
-//   }
-//
-//   .rating {
-//     margin-left: 0em;
-//
-//     .icon.active {
-//       color: #2d9390;
-//     }
-//   }
-// }
-
 // .progress {
 //   height: 3px;
 //   margin-top: 1em;

diff --git a/src/SearchBlock/less/datahub.less b/src/SearchBlock/less/datahub.less
@@ -180,7 +180,7 @@
           background-color: @deepBlue;
 
           .description {
-            color: white;
+            color: @white;
             font-size: 16px;
           }
         }
@@ -203,7 +203,7 @@
     margin: 5px;
     background: #dcdcdc;
     border-radius: 0.5em;
-    color: black;
+    color: @black;
     font-size: 12px;
     line-height: 2;
     word-break: keep-all;
@@ -258,7 +258,7 @@
 //     display: flex;
 //     align-items: center;
 //     padding: 0.5em 1em;
-//     background-color: @darkCerulean;
+//     background-color: @primaryColor;
 //     color: white;
 //     font-size: 23px;
 //     font-weight: 700;
@@ -274,7 +274,7 @@
 //       top: -6px;
 //       width: 6px;
 //       height: 125%;
-//       background-color: @darkCerulean;
+//       background-color: @primaryColor;
 //       content: ' ';
 //     }
 

diff --git a/src/SearchBlock/less/dropdown-filterlist.less b/src/SearchBlock/less/dropdown-filterlist.less
@@ -21,16 +21,6 @@
           position: relative;
           top: 3px;
         }
-
-        // &::after {
-        //   position: absolute;
-        //   bottom: -7px;
-        //   left: 0;
-        //   width: 100%;
-        //   height: 10px;
-        //   background-color: white;
-        //   content: '';
-        // }
       }
 
       .ui.dropdown {
@@ -44,7 +34,7 @@
           > span {
             z-index: 99999 !important;
             box-shadow: 0 5px 0 @white, 0 0 4px rgba(0, 0, 0, 0.25);
-            color: @green-5;
+            color: @pineGreen;
             font-weight: 700;
           }
 
@@ -107,6 +97,7 @@
       height: 100%;
       flex-direction: column;
       padding: 1em;
+      z-index: 999;
 
       .clear-btn {
         margin: 0 !important;
@@ -133,18 +124,18 @@
 
         h3 {
           margin: 0;
-          color: @green-5 !important;
+          color: @pineGreen !important;
         }
 
         .ui.card.term .header {
           border: none;
-          color: #3d5265;
+          color: @blue-grey-5;
           font-size: 16px;
           font-weight: 400;
         }
 
         .ui.card.term span.count {
-          color: #3d5265;
+          color: @blue-grey-5;
           font-weight: 400;
         }
 
@@ -167,7 +158,6 @@
 
     .ui.button.sui-button {
       padding: 0;
-      // margin-bottom: 1em;
       color: @secondaryColor !important;
       font-weight: 600;
 
@@ -231,7 +221,7 @@
     &.active {
       .header,
       span.count {
-        color: @darkCerulean;
+        color: @primaryColor;
         font-weight: 700;
       }
 
@@ -280,7 +270,7 @@
   color: @deepBlue;
 
   .facet-label {
-    color: @green-5;
+    color: @pineGreen;
     font-size: 18px;
     font-weight: 700;
   }
@@ -299,14 +289,12 @@
   .sui-multi-checkbox-facet__option-label {
     align-items: flex-start;
     justify-content: space-between;
-    // justify-content: initial;
     margin: 0.5em 0;
   }
 
   .sui-multi-checkbox-facet__option-count {
     display: flex;
     align-items: center;
-    // margin: 0;
     margin: 0 0.5em;
     color: @blue-grey-5;
     font-size: 14px;
@@ -315,8 +303,6 @@
 
   .sui-multi-checkbox-facet__option-input-wrapper {
     position: relative;
-    // flex: none;
-
     input.sui-multi-checkbox-facet__checkbox {
       position: absolute;
       width: 0;

diff --git a/src/SearchBlock/less/facets.less b/src/SearchBlock/less/facets.less
@@ -646,7 +646,7 @@
     &.active {
       .header,
       span.count {
-        color: @darkCerulean;
+        color: @primaryColor;
         font-weight: 700;
       }
 

diff --git a/src/SearchBlock/less/filterlist.less b/src/SearchBlock/less/filterlist.less
@@ -1,8 +1,4 @@
 div#page-document .searchlib-block {
-  .top-facetslist-wrapper {
-    margin: 1.5em 0 !important;
-  }
-
   .ui.inverted.segment.filter-list {
     padding: 0.4rem;
     background-color: #004b87;
@@ -31,11 +27,6 @@ div#page-document .searchlib-block {
     }
   }
 
-  div.col-left {
-    padding: 0 5px;
-    margin-top: 3em;
-  }
-
   div.inline-filter-list {
     width: 100%;
     min-height: 50px;

diff --git a/src/SearchBlock/less/paging.less b/src/SearchBlock/less/paging.less
@@ -33,7 +33,7 @@
         display: inline-block;
         width: 100%;
         border-bottom: 5px solid @secondaryColor;
-        color: #3d5265;
+        color: @blue-grey-5;
         content: '';
       }
     }
@@ -170,11 +170,3 @@
     }
   }
 }
-
-// .sui-paging-info {
-//   display: inline-block;
-//   margin-right: 0.5em;
-//   margin-left: 0.4em;
-//   color: @deepBlue;
-//   font-size: 12px;
-// }