replace outline with box shadow

This commit is contained in:
Safwan Samsudeen 2024-04-22 19:38:22 +05:30
parent 591b599b51
commit efb632fb23

View File

@ -167,24 +167,17 @@ $light-blue: #c4c4e9 !default;
.bar-wrapper { .bar-wrapper {
cursor: pointer; cursor: pointer;
outline: none;
.bar { .bar {
outline: groove 1px black; -webkit-filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .7));
border-radius: 3px; border-radius: 3px;
} }
&.important .bar {
outline: none;
outline-width: 1.5px;
&:active {
outline: 1px dotted;
}
}
&:hover { &:hover {
.bar { .bar {
outline-width: 1.5px;
transition: transform 0.3s ease; transition: transform 0.3s ease;
} }
@ -193,11 +186,6 @@ $light-blue: #c4c4e9 !default;
} }
} }
&.active {
.bar {
outline-style: dotted;
}
}
} }
.lower-text, .lower-text,