replace outline with box shadow
This commit is contained in:
parent
591b599b51
commit
efb632fb23
@ -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,
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user