diff --git a/style/main.css b/style/main.css index 4cc76be88960bf59e4ddef2487f89285c6e5e12c..ad5b3718cf44aefdd1d992967b2502d73bea1cb8 100644 --- a/style/main.css +++ b/style/main.css @@ -372,6 +372,13 @@ hr { @media screen and (max-width: 480px) { .tile.tile-2048 .tile-inner { font-size: 15px; } } + .tile.tile-super .tile-inner { + color: #f9f6f2; + background: #3c3a32; + font-size: 30px; } + @media screen and (max-width: 480px) { + .tile.tile-super .tile-inner { + font-size: 10px; } } @-webkit-keyframes appear { 0% { @@ -557,9 +564,13 @@ hr { height: 40px; line-height: 42px; margin-left: 9px; } + .game-container .game-message a.keep-playing-button { + display: none; } .game-container .game-message.game-won { background: rgba(237, 194, 46, 0.5); color: #f9f6f2; } + .game-container .game-message.game-won a.keep-playing-button { + display: inline-block; } .game-container .game-message.game-won, .game-container .game-message.game-over { display: block; } diff --git a/style/main.scss b/style/main.scss index 1cde43ff051f4f444eb8515bd9063be0dbacad4b..307a56f29fb2ba76664fbcf63fc7b51887d23e6f 100644 --- a/style/main.scss +++ b/style/main.scss @@ -393,6 +393,18 @@ hr { $exponent: $exponent + 1; } + + // Super tiles (above 2048) + &.tile-super .tile-inner { + color: $bright-text-color; + background: mix(#333, $tile-gold-color, 95%); + + font-size: 30px; + + @include smaller(480px) { + font-size: 10px; + } + } } @include keyframes(appear) {