asi-calculator/components/Select/Select.module.css

27 lines
403 B
CSS
Raw Normal View History

2024-04-01 14:42:08 +02:00
.selectWrapper {
position: relative;
}
2024-03-30 20:50:51 +01:00
.select {
display: inline-block;
all: unset;
2024-04-01 02:49:17 +02:00
padding: 0 0.75rem;
2024-04-01 02:15:51 +02:00
}
.select:hover:not(.select[disabled]) {
2024-04-01 15:49:03 +02:00
background-color: rgba(var(--background-rgb), 0.1);
2024-04-01 02:15:51 +02:00
}
.select:focus-within {
outline: none;
2024-04-01 15:49:03 +02:00
background-color: rgba(var(--background-rgb), 0.3);
2024-03-30 20:50:51 +01:00
}
.icon {
position: absolute;
2024-04-01 02:15:51 +02:00
right: 0.1rem;
width: 1em;
2024-03-30 20:50:51 +01:00
height: 100%;
z-index: -1;
}