Musikbuttons hinzugefügt

src/scss/wordRotator.scss

@@ -35,7 +35,7 @@ nav.top-bar.title-bar {
   &.visible {
     visibility: visible;
   }
-  &.in-main-menu{
+  &.in-main-menu {
     background: white;
     border-color: black;
 
@@ -43,8 +43,8 @@ nav.top-bar.title-bar {
     width: 1em;
     min-height: 1em;
     min-width: 1em;
-    max-height:1em;
-    max-width:1em;
+    max-height: 1em;
+    max-width: 1em;
   }
 
   #level-number {
@@ -79,7 +79,7 @@ $coinTowerDimension: 28px;
     margin-left: 3px;
     margin-right: 3px;
     //height: 30px;
-    max-width:30px;
+    max-width: 30px;
     display: inline-block;
   }
 }
@@ -88,16 +88,6 @@ $coinTowerDimension: 28px;
 $rotationDegrees: (90 180 270 360);
 $animationDuration: .25s;
 
-@for $i from 1 through 10 {
-  $value: percentage($i/10);
-  .height-#{$i}0 {
-    height: $value;
-  }
-  .width-#{$i}0 {
-    width: $value;
-  }
-}
-
 @for $i from 1 through length($rotationDegrees) {
   $startDegree: ((nth($rotationDegrees, $i)+270)%360);
 
@@ -149,7 +139,7 @@ $animationDuration: .25s;
           }
         }
 
-        &.reverse{
+        &.reverse {
           //animation-name: rotate-reverse-#{(nth($rotationDegrees, $i))%360+90};
           animation-name: rotate-reverse-#{nth($rotationDegrees, $i)};
           > .child-container {
@@ -198,7 +188,7 @@ $animationDuration: .25s;
                   animation-fill-mode: forwards;
                   animation-timing-function: linear;
 
-                  &.reverse{
+                  &.reverse {
                     animation-name: rotate-reverse-#{$animationName};
                   }
                 }
@@ -325,6 +315,7 @@ $animationDuration: .25s;
 .text-right {
   text-align: right;
 }
-#continue-button{
+
+#continue-button {
   margin-bottom: 2px;
-}
+}