86 lines
1.5 KiB
SCSS
86 lines
1.5 KiB
SCSS
@use "../abstracts/variables" as *;
|
|
@use "../abstracts/mixins" as *;
|
|
|
|
.dropdown-list-container {
|
|
.lists-container {
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
&:last-child {
|
|
border: none;
|
|
}
|
|
|
|
.head {
|
|
@include flex-space-between;
|
|
padding: 6px 12px;
|
|
|
|
.options {
|
|
@include flex-center;
|
|
gap: 6px;
|
|
|
|
.option {
|
|
@include flex-center;
|
|
cursor: pointer;
|
|
transition: all 0.2s;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.list-wrapper {
|
|
.no-item {
|
|
padding: 12px;
|
|
}
|
|
|
|
li.list-container {
|
|
padding: 2px;
|
|
overflow: hidden;
|
|
|
|
.list-item {
|
|
@include flex-space-between;
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 4px 8px;
|
|
border-radius: #{$border-radius-large};
|
|
|
|
.zone-header {
|
|
@include flex-center;
|
|
|
|
.value {
|
|
width: 100%;
|
|
text-align: start;
|
|
max-width: 180px;
|
|
}
|
|
}
|
|
|
|
.options-container {
|
|
@include flex-center;
|
|
gap: 6px;
|
|
|
|
.option {
|
|
@include flex-center;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
}
|
|
|
|
.active {
|
|
background: var(--highlight-accent-color);
|
|
|
|
.input-value {
|
|
color: var(--highlight-text-color);
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
cursor: pointer;
|
|
background: var(--highlight-accent-color);
|
|
}
|
|
}
|
|
|
|
.asset-list {
|
|
border-left: 2px solid var(--border-color);
|
|
|
|
margin-left: 20px;
|
|
}
|
|
} |