@burh/nuxt-core 1.0.410 → 1.0.412

package/assets/sass/burh-ds/atoms/_forms.scss

@@ -16,29 +16,29 @@ $input-placeholder-color: $text-color-light;
     background-color: $input-bg;
     background-clip: padding-box;
     border: $input-border-width solid $input-border-color;
-  
+
     // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
     @include border-radius($input-border-radius, 0);
-  
+
     @include box-shadow($input-box-shadow);
     @include transition($input-transition);
-  
+
     // Unstyle the caret on `<select>`s in IE10+.
     &::-ms-expand {
       background-color: transparent;
       border: 0;
     }
-  
+
     // Customize the `:focus` state to imitate native WebKit styles.
     @include form-control-focus();
-  
+
     // Placeholder
     &::placeholder {
       color: $input-placeholder-color;
       // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
       opacity: 1;
     }
-  
+
     // Disabled and read-only inputs
     //
     // HTML5 says that controls under a fieldset > legend:first-child won't be
@@ -66,7 +66,7 @@ select {
     }
 
     option::selected{
-      background-color: yellow; 
+      background-color: yellow;
     }
   }
 }
@@ -78,10 +78,12 @@ select {
   .el{
     &-scrollbar {
       &__view{
-        border: $input-border-width solid $color-primary;
-  
-        // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
-        @include border-radius($input-border-radius, 0);
+          &:not(.el-autocomplete-suggestion__list) {
+            border: $input-border-width solid $color-primary;
+
+            // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
+            @include border-radius($input-border-radius, 0);
+          }
       }
     }
 
@@ -98,7 +100,7 @@ select {
     }
 
     &-select {
-      div.el-input, 
+      div.el-input,
       .is-focus {
         .el-input__inner {
             &:focus {
@@ -112,7 +114,7 @@ select {
           border-color: $color-primary !important;
         }
       }
-    
+
       &-dropdown {
         .el-scrollbar:not(.is-empty) + .popper__arrow{
           border-bottom-color: $color-primary;
@@ -178,7 +180,7 @@ div {
 .custom-toggle {
   margin: 0 4rem 0 0 !important;
 
-  
+
   input:not(:checked) + span.custom-toggle-slider {
     border: 1px solid $color-primary;
 
@@ -194,7 +196,7 @@ div {
       left: 3.5rem;
     }
   }
-  
+
   &--no-label {
     margin-right: .25rem !important;
 
@@ -206,11 +208,11 @@ div {
   }
 
   //default and main
-  &-default input:checked, 
+  &-default input:checked,
   input:checked + span.custom-toggle-slider {
     border: 1px solid $color-primary;
     background-color: $color-primary;
-    
+
     &::before{
       background-color: $color-light--lighten;
     }
@@ -381,7 +383,7 @@ div {
         transform: rotateX(180deg);
         // transform: rotate(180deg);
         transition: transform .35s ease-in-out;
-        
+
       }
     }
   }
@@ -414,4 +416,4 @@ span.el-radio {
       }
     }
   }
-}
+}