danog/2048
1
0
Fork 0
mirror of https://github.com/danog/2048.git synced 2024-11-30 04:19:06 +01:00
Code Issues 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
style/main.css
View File

@ -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; }

12
style/main.scss
View File

@ -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) {