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; display: block;
content: ''; content: '';
border-bottom: solid var(--line-width) var(--accent); border-bottom: solid var(--line-width) var(--accent);
transition: width 300ms ease-in; transition: width 200ms ease-in;
width: 0; width: 0;
margin-top: -5px; margin-top: -5px;
} }
} }
.responsive-image { .responsive-image {
--width: 1px;
--color: var(--gray-1);
outline: none; 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 { &:hover, &.selected {
.responsive-image { .responsive-image {
outline: 6px var(--accent) solid; --width: calc(2 * var(--line-width));
outline-offset: -6px; --color: var(--accent);
} }
.body{ .body{
.title:after, .subtitle:after { .title:after, .subtitle:after {