Files
iTop/node_modules/tom-select/dist/scss/tom-select.default.scss
Benjamin Dalsass 4c1ad0f4f2 N°8772 - Form dependencies manager implementation
- Form SDK implementation
- Basic Forms
- Dynamics Forms
- Basic Blocks + Data Model Block
- Form Compilation
- Turbo integration
2025-12-30 11:42:55 +01:00

90 lines
2.0 KiB
SCSS

$select-color-item: #1da7ee;
$select-color-item-text: #fff;
$select-color-item-active-text: #fff;
$select-color-item-border: #0073bb;
$select-color-item-active: #92c836;
$select-color-item-active-border: #00578d;
$select-width-item-border: 1px;
$select-shadow-input: inset 0 1px 1px rgba(0, 0, 0, 10%) !default;
$select-shadow-input-focus: inset 0 1px 2px rgba(0, 0, 0, 15%) !default;
@import "tom-select";
@include ts-caret;
.#{$select-ns}-wrapper {
display:flex;
min-height:$select-line-height + ($select-padding-y*2) + ($select-border-width *2);
&.multi {
&.has-items .#{$select-ns}-control {
$padding-x: $select-padding-x - 3px;
padding-left: $padding-x;
--ts-pr-min: $padding-x;
}
.#{$select-ns}-control {
[data-value] {
text-shadow: 0 1px 0 rgba(0, 51, 83, 30%);
border-radius: 3px;
@include selectize-vertical-gradient(#1da7ee, #178ee9);
box-shadow: 0 1px 0 rgba(0, 0, 0, 20%),inset 0 1px rgba(255, 255, 255, 3%);
&.active {
@include selectize-vertical-gradient(#008fd8, #0075cf);
}
}
}
&.disabled .#{$select-ns}-control [data-value] {
color: #999;
text-shadow: none;
background: none;
box-shadow: none;
&, .remove {
border-color: #e6e6e6;
}
.remove {
background: none;
}
}
}
&.single {
.#{$select-ns}-control {
box-shadow: 0 1px 0 rgba(0, 0, 0, 5%), inset 0 1px 0 rgba(255, 255, 255, 80%);
@include selectize-vertical-gradient(#fefefe, #f2f2f2);
}
}
}
.#{$select-ns}-wrapper.single .#{$select-ns}-control, .#{$select-ns}-dropdown.single {
border-color: #b8b8b8;
}
.#{$select-ns}-control {
.dropdown-active & {
border-radius: $select-border-radius $select-border-radius 0 0;
}
}
.#{$select-ns}-dropdown {
.optgroup-header {
padding-top: $select-padding-dropdown-item-y + 2px;
font-weight: bold;
font-size: 0.85em;
}
.optgroup {
border-top: 1px solid $select-color-dropdown-border-top;
&:first-child {
border-top: 0 none;
}
}
}