Skip to content

2048
2048

黛琳ghz / 2048
与 Fork 源项目一致

从无法访问的项目Fork

通知 1
Star 0
Fork 0
2048
2048
提交 92fda72c 编写于 作者: G Gabriele Cirulli
浏览文件
操作

move button styles to mixin

上级 d2315af2
隐藏空白更改
内联 并排
Showing with 23 addition and 24 deletion
style/main.css
浏览文件 @ 92fda72c
...@@ -131,6 +131,16 @@ hr { ...@@ -131,6 +131,16 @@ hr {
100% { 100% {
opacity: 1; } } opacity: 1; } }
.game-container .game-message a {
display: inline-block;
background: #8f7a66;
border-radius: 3px;
padding: 0 20px;
text-decoration: none;
color: #f9f6f2;
height: 40px;
line-height: 42px; }
.game-container { .game-container {
margin-top: 40px; margin-top: 40px;
position: relative; position: relative;
...@@ -170,14 +180,6 @@ hr { ...@@ -170,14 +180,6 @@ hr {
display: block; display: block;
margin-top: 59px; } margin-top: 59px; }
.game-container .game-message a { .game-container .game-message a {
display: inline-block;
background: #8f7a66;
border-radius: 3px;
padding: 0 20px;
text-decoration: none;
color: #f9f6f2;
height: 40px;
line-height: 42px;
margin-left: 9px; } margin-left: 9px; }
.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);
...@@ -502,14 +504,6 @@ hr { ...@@ -502,14 +504,6 @@ hr {
display: block; display: block;
margin-top: 59px; } margin-top: 59px; }
.game-container .game-message a { .game-container .game-message a {
display: inline-block;
background: #8f7a66;
border-radius: 3px;
padding: 0 20px;
text-decoration: none;
color: #f9f6f2;
height: 40px;
line-height: 42px;
margin-left: 9px; } margin-left: 9px; }
.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);
......
style/main.scss
浏览文件 @ 92fda72c
...@@ -141,6 +141,18 @@ hr { ...@@ -141,6 +141,18 @@ hr {
} }
} }
// Styles for buttons
@mixin button {
display: inline-block;
background: darken($game-container-background, 20%);
border-radius: 3px;
padding: 0 20px;
text-decoration: none;
color: $bright-text-color;
height: 40px;
line-height: 42px;
}
// Game field mixin used to render CSS at different width // Game field mixin used to render CSS at different width
@mixin game-field { @mixin game-field {
.game-container { .game-container {
...@@ -190,14 +202,7 @@ hr { ...@@ -190,14 +202,7 @@ hr {
} }
a { a {
display: inline-block; @include button;
background: darken($game-container-background, 20%);
border-radius: 3px;
padding: 0 20px;
text-decoration: none;
color: $bright-text-color;
height: 40px;
line-height: 42px;
margin-left: 9px; margin-left: 9px;
// margin-top: 59px; // margin-top: 59px;
} }
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或