Outline se muestra y crece en hover de un coverart

2020-06-06 17:17:27 -04:00
parent 531134c2d1
commit 25bf57c7cf
1 changed files with 13 additions and 1 deletions
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -391,13 +391,25 @@ ul.tabs {
      .cover-container {
        width: 250px;
        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;
+            outline-offset: -4px;
+          }
        }
      }