Impaczus/2048
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add styling for super tiles

Browse Source
This commit is contained in:
Gabriele Cirulli
2014-03-14 13:50:49 +01:00
parent 10c72a76b3
commit f663e17a4b
2 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style/main.css
+11
View File
@@ -372,6 +372,13 @@ hr {
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
.tile.tile-2048 .tile-inner { .tile.tile-2048 .tile-inner {
font-size: 15px; } } 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 { @-webkit-keyframes appear {
0% { 0% {
@@ -557,9 +564,13 @@ hr {
height: 40px; height: 40px;
line-height: 42px; line-height: 42px;
margin-left: 9px; } margin-left: 9px; }
.game-container .game-message a.keep-playing-button {
display: none; }
.game-container .game-message.game-won { .game-container .game-message.game-won {
background: rgba(237, 194, 46, 0.5); background: rgba(237, 194, 46, 0.5);
color: #f9f6f2; } 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 { .game-container .game-message.game-won, .game-container .game-message.game-over {
display: block; } display: block; }
style/main.scss
+12
View File
@@ -393,6 +393,18 @@ hr {
$exponent: $exponent + 1; $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) { @include keyframes(appear) {