style: updated styles

Valik3201 · Nov 26, 2023 · bf62009 · bf62009
1 parent 0e7eb60
commit bf62009
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 5 deletions.
diff --git a/src/scss/_slim-select.scss b/src/scss/_slim-select.scss
@@ -6,6 +6,10 @@
   background-color: transparent;
   color: $secondary-color;
 
+  &:focus {
+    box-shadow: 0 0 5px $primary-color;
+  }
+
   .ss-values {
     .ss-value {
       background-color: $primary-color;
@@ -47,13 +51,14 @@
 }
 
 .breed-select.ss-content {
-  background-color: transparent;
+  background-color: rgba($color: $secondary-color, $alpha: 0.5);
   border: 1px solid $primary-color;
   border-radius: 0;
 
   .ss-list {
     .ss-option {
       color: $primary-color;
+      padding-left: 1rem;
 
       &:hover,
       &.ss-selected,
@@ -84,7 +89,7 @@
         color: $primary-color;
       }
       &:focus {
-        box-shadow: none;
+        box-shadow: 0 0 5px $primary-color;
       }
     }
   }

diff --git a/src/scss/styles.css b/src/scss/styles.css
@@ -198,6 +198,9 @@ div {
   background-color: transparent;
   color: #192928;
 }
+.breed-select.ss-main:focus {
+  box-shadow: 0 0 5px #bfea88;
+}
 .breed-select.ss-main .ss-values .ss-value {
   background-color: #bfea88;
   border-radius: 50px;
@@ -231,12 +234,13 @@ div {
 }
 
 .breed-select.ss-content {
-  background-color: transparent;
+  background-color: rgba(25, 41, 40, 0.5);
   border: 1px solid #bfea88;
   border-radius: 0;
 }
 .breed-select.ss-content .ss-list .ss-option {
   color: #bfea88;
+  padding-left: 1rem;
 }
 .breed-select.ss-content .ss-list .ss-option:hover, .breed-select.ss-content .ss-list .ss-option.ss-selected, .breed-select.ss-content .ss-list .ss-option.ss-highlighted, .breed-select.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
   background-color: #bfea88;
@@ -262,5 +266,5 @@ div {
   color: #bfea88;
 }
 .breed-select.ss-content .ss-search input:focus {
-  box-shadow: none;
+  box-shadow: 0 0 5px #bfea88;
 }/*# sourceMappingURL=styles.css.map */
diff --git a/src/scss/styles.css.map b/src/scss/styles.css.map