diff --git a/src/components/EntityList.scss b/src/components/EntityList.scss index d39ec42..7b88bfb 100644 --- a/src/components/EntityList.scss +++ b/src/components/EntityList.scss @@ -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 {