Highlighting current player's icon.

2020-04-23 08:46:36 -07:00
parent 80399ac7b1
commit f43d9e5d19
4 changed files with 26 additions and 5 deletions
--- a/src/style.scss
+++ b/src/style.scss
@@ -244,6 +244,23 @@ $tab-margin: 0.3rem;
    margin-top: 4px;
    margin-left: 5px; }

+.player-current {
+    position: relative;
+    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
+    transition: all 0.3s ease-in-out; }
+
+.player-current::after {
+  content: '';
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  border-radius: 12px;
+  top: 0;
+  left: 0;
+  background-color: rgba(255, 255, 255, 0.5);
+  box-shadow: 0 0px 5px $primary-color;
+  animation: die-pulse 2s ease-in-out infinite; }
+
 .player-selectable {
    border: 4px solid #ff816e;
    cursor: pointer;