+@use 'sass:math';
+@use 'sass:color';
+
@use '_variables' as *;
@use '_mixins' as *;
$ng-select-bg: pvar(--mainBackgroundColor);
// Cannot use a CSS variable as the default them use darken on this variable
-$ng-select-selected: lighten($main-color, 40%);
+$ng-select-selected: color.adjust($main-color, $lightness: 40%);
// $ng-select-selected-text: $ng-select-primary-text !default;
$ng-select-marked: pvar(--mainColorLightest);
@import '@ng-select/ng-select/scss/default.theme';
.ng-select {
+ @include rounded-line-height-1-5($ng-select-value-font-size);
+
font-size: $ng-select-value-font-size;
- line-height: $form-input-line-height;
&.ng-select-focused {
&:not(.ng-select-opened) > .ng-select-container {
- border-color: #ccc !important;
- box-shadow: none !important;
+ border-color: $ng-select-border !important;
}
}
background-color: pvar(--mainColorLightest);
.ng-value-icon {
- border: none !important;
+ border: 0 !important;
}
}
}