skrd/musiclist-client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Issue #14: Borde de coverart con box-shadow

Browse Source
This commit is contained in:
Daniel Cortes
2020-06-19 12:32:18 -04:00
parent 0714a9ea2a
commit 086694ceff
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/EntityList.scss
View File

@@ -118,21 +118,24 @@ ul.entity-list {
display: block;
content: '';
border-bottom: solid var(--line-width) var(--accent);
transition: width 300ms ease-in;
transition: width 200ms ease-in;
width: 0;
margin-top: -5px;
}
}
.responsive-image {
--width: 1px;
--color: var(--gray-1);
outline: none;
transition: all 300ms ease-in-out;
box-shadow: 0px 0px 0px var(--width) var(--color);
transition: box-shadow 200ms ease-in-out;
}
&:hover, &.selected {
.responsive-image {
outline: 6px var(--accent) solid;
outline-offset: -6px;
--width: calc(2 * var(--line-width));
--color: var(--accent);
}
.body{
.title:after, .subtitle:after {