Dodanie menu dolnego, dodanie sposobu kończenia tury, sass.

sass/_coins.scss

@@ -0,0 +1,53 @@
+.group {
+  clear: both;
+  &.inactive {
+    opacity: 0.4;
+  }
+  .coin {
+    border-radius: 90px;
+    display: inline-block;
+    height: 9vh;
+    width: 9vh;
+    text-align: center;
+    border: 1px solid transparent;
+    margin: 5px 0vh 5px -4vh;
+    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
+    background-position: center 72%;
+    background-repeat: no-repeat;
+    color: $coin-text-color;
+    cursor: pointer;
+    text-shadow: 0 0 2px #fff;
+    font-size: 3vh;
+
+    &:first-child {
+      margin: 5px 0vh 5px 0vh;
+    }
+    &.selected {
+      float: right;
+    }
+
+    &.blank {
+      opacity: 0.7;
+      &.selected {
+        opacity: 1;
+        &:first-child {
+          margin: 5px 0vh 5px -4vh;
+        }
+      }
+    }
+
+    @each $icon, $border_color, $background_color, $background_size in (leather, saddlebrown, burlywood, 45%),
+            (fabric, purple, #f5d6f5, 71%),
+            (spice, forestgreen, #dff9b6, 60%),
+            (silver, silver, #879fc6, 44%),
+            (gold, goldenrod, #fcf4ca, 40%),
+            (diamond, darkred, #f66282, 48%), {
+      &.#{$icon} {
+        border-color: #{$border_color};
+        background-image: url(../#{$icon}.svg);
+        background-size: #{$background_size};
+        background-color: #{$background_color};
+      }
+    }
+  }
+}