Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Cloud IDE
2048
提交
e729f745
2048
项目概览
Cloud IDE
/
2048
通知
101
Star
9
Fork
69
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
2048
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
e729f745
编写于
3月 22, 2014
作者:
G
Gabriele Cirulli
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
bring container margin top into variable and reduce it on mobile
上级
17fe360d
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
7 addition
and
14 deletion
+7
-14
style/main.css
style/main.css
+3
-5
style/main.scss
style/main.scss
+4
-9
未找到文件。
style/main.css
浏览文件 @
e729f745
...
...
@@ -480,7 +480,8 @@ hr {
.game-intro
{
float
:
left
;
line-height
:
42px
;
}
line-height
:
42px
;
margin-bottom
:
0
;
}
.restart-button
{
display
:
inline-block
;
...
...
@@ -536,7 +537,7 @@ hr {
margin-top
:
2px
;
}
.game-container
{
margin-top
:
4
0px
;
margin-top
:
1
0px
;
position
:
relative
;
padding
:
10px
;
cursor
:
default
;
...
...
@@ -692,9 +693,6 @@ hr {
-moz-transform
:
translate
(
202px
,
202px
);
transform
:
translate
(
202px
,
202px
);
}
.game-container
{
margin-top
:
20px
;
}
.tile
.tile-inner
{
font-size
:
35px
;
}
...
...
style/main.scss
浏览文件 @
e729f745
...
...
@@ -16,6 +16,7 @@ $tile-color: #eee4da;
$tile-gold-color
:
#edc22e
;
$tile-gold-glow-color
:
lighten
(
$tile-gold-color
,
15%
);
$game-container-margin-top
:
40px
;
$game-container-background
:
#bbada0
;
$transition-speed
:
100ms
;
...
...
@@ -169,7 +170,7 @@ hr {
// Game field mixin used to render CSS at different width
@mixin
game-field
{
.game-container
{
margin-top
:
40px
;
margin-top
:
$game-container-margin-top
;
position
:
relative
;
padding
:
$grid-spacing
;
...
...
@@ -447,20 +448,17 @@ hr {
.above-game
{
@include
clearfix
;
// margin-bottom: 10px;
}
.game-intro
{
float
:
left
;
line-height
:
42px
;
//
margin-bottom: 0;
margin-bottom
:
0
;
}
.restart-button
{
@include
button
;
display
:
block
;
// width: 100px;
// margin: 10px auto 10px auto;
text-align
:
center
;
float
:
right
;
}
...
...
@@ -476,6 +474,7 @@ hr {
$grid-row-cells
:
4
;
$tile-size
:
(
$field-width
-
$grid-spacing
*
(
$grid-row-cells
+
1
))
/
$grid-row-cells
;
$tile-border-radius
:
3px
;
$game-container-margin-top
:
10px
;
html
,
body
{
font-size
:
15px
;
...
...
@@ -525,10 +524,6 @@ hr {
// Render the game field at the right width
@include
game-field
;
.game-container
{
margin-top
:
20px
;
}
// Rest of the font-size adjustments in the tile class
.tile
.tile-inner
{
font-size
:
35px
;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录