diff --git a/src/styles/main.scss b/src/styles/main.scss index 0b84364..5a87b89 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -93,7 +93,8 @@ small, .text_small { } button.button { - border: var(--line-width) solid var(--accent); + border: none; + box-shadow: inset 0 0 0 var(--line-width) var(--accent); background-color: var(--white); padding: .5em 1em; @@ -104,8 +105,8 @@ button.button { cursor: pointer; &:hover { - background-color: var(--gray-1); - transition: .3s; + transition: .2s ease-in-out; + box-shadow: inset 0 0 0 calc(var(--line-width) + 2px) var(--accent); } } @@ -302,7 +303,7 @@ ul.entity_list { object-fit: cover; width: 100%; height: 100%; - border: 1px solid var(--gray-2); + outline: 1px var(--gray-2) solid; &.loading { display: none; @@ -393,18 +394,11 @@ ul.tabs { height: 250px; cursor: pointer; - - .coverart { - border: none; - outline: 1px var(--gray-2) solid; - } - &:hover{ .cover-caption figcaption:after { width: 100%; } - .coverart { transition: all 200ms ease-in-out; outline: 6px var(--accent) solid;