Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
李少辉-开发者
gitlab-foss
提交
2421fc7e
G
gitlab-foss
项目概览
李少辉-开发者
/
gitlab-foss
通知
15
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
G
gitlab-foss
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
2421fc7e
编写于
12月 09, 2016
作者:
K
Kushal Pandya
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Refactor SCSS: fix SCSSLints, simplify specificity
上级
ff0c3fc2
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
111 addition
and
108 deletion
+111
-108
app/assets/stylesheets/pages/builds.scss
app/assets/stylesheets/pages/builds.scss
+111
-108
未找到文件。
app/assets/stylesheets/pages/builds.scss
浏览文件 @
2421fc7e
...
...
@@ -3,6 +3,32 @@
100
%
{
opacity
:
0
;
}
}
@keyframes
blinking-dots
{
0
%
{
background-color
:
rgba
(
$white-light
,
1
);
box-shadow
:
12px
0
0
0
rgba
(
$white-light
,
0
.2
)
,
24px
0
0
0
rgba
(
$white-light
,
0
.2
);
}
25
%
{
background-color
:
rgba
(
$white-light
,
0
.4
);
box-shadow
:
12px
0
0
0
rgba
(
$white-light
,
2
)
,
24px
0
0
0
rgba
(
$white-light
,
0
.2
);
}
75
%
{
background-color
:
rgba
(
$white-light
,
0
.4
);
box-shadow
:
12px
0
0
0
rgba
(
$white-light
,
0
.2
)
,
24px
0
0
0
rgba
(
$white-light
,
1
);
}
100
%
{
background-color
:
rgba
(
$white-light
,
1
);
box-shadow
:
12px
0
0
0
rgba
(
$white-light
,
0
.2
)
,
24px
0
0
0
rgba
(
$white-light
,
0
.2
);
}
}
.build-page
{
pre
.trace
{
background
:
$builds-trace-bg
;
...
...
@@ -19,109 +45,109 @@
}
}
.scroll-controls
{
height
:
100%
;
.environment-information
{
background-color
:
$gray-light
;
border
:
1px
solid
$border-color
;
padding
:
12px
$gl-padding
;
border-radius
:
$border-radius-default
;
.scroll-step
{
width
:
31px
;
margin
:
0
0
0
auto
;
svg
{
position
:
relative
;
top
:
1px
;
margin-right
:
5px
;
}
}
}
.scroll-link.sticky
,
.autoscroll-container
{
right
:
25px
;
z-index
:
1
;
}
.scroll-controls
{
height
:
100%
;
.scroll-link
{
display
:
block
;
margin-bottom
:
10px
;
width
:
16px
;
height
:
33px
;
.scroll-step
{
width
:
31px
;
margin
:
0
0
0
auto
;
}
&
.scroll-top
{
background-image
:
image-url
(
'scroll_up'
);
.scroll-link.sticky
,
.autoscroll-container
{
right
:
25px
;
z-index
:
1
;
}
&
:hover
{
background-image
:
image-url
(
'scroll_up_hover_active'
);
}
}
.scroll-link
{
display
:
block
;
margin-bottom
:
10px
;
width
:
16px
;
height
:
33px
;
&
.scroll-bottom
{
background-image
:
image-url
(
'scroll_down
'
);
&
.scroll-top
{
background-image
:
image-url
(
'scroll_up
'
);
&
:hover
{
background-image
:
image-url
(
'scroll_down_hover_active'
);
}
&
:hover
{
background-image
:
image-url
(
'scroll_up_hover_active'
);
}
}
&
.sticky
{
position
:
fixed
;
&
.scroll-top
{
top
:
110px
;
}
&
.scroll-bottom
{
background-image
:
image-url
(
'scroll_down'
);
&
.scroll-bottom
{
bottom
:
-2px
;
}
&
:hover
{
background-image
:
image-url
(
'scroll_down_hover_active'
);
}
}
.autoscroll-container
{
position
:
absolute
;
.status-message
{
display
:
inline-block
;
color
:
$white-light
;
&
.sticky
{
position
:
fixed
;
i
{
display
:
inline-block
;
width
:
16px
;
height
:
33px
;
background-image
:
image-url
(
'scroll_down_hover_active'
);
}
label
{
float
:
left
;
opacity
:
0
;
margin-right
:
10px
;
font-weight
:
normal
;
line-height
:
1
.8
;
transition
:
opacity
1s
ease-out
;
&
.animate
{
animation
:
fade-out-status
2s
ease
;
}
}
&
.scroll-top
{
top
:
110px
;
}
&
:hover
label
{
opacity
:
1
;
}
&
.scroll-bottom
{
bottom
:
-2px
;
}
}
}
&
.sidebar-expanded
{
.autoscroll-container
{
position
:
absolute
;
}
.scroll-link.sticky
,
.autoscroll-container
{
right
:
#{
$gutter_width
+
(
$gl-padding
*
2
)
}
;
}
&
.sidebar-expanded
{
.scroll-link.sticky
,
.autoscroll-container
{
right
:
(
$gutter_width
+
(
$gl-padding
*
2
));
}
}
}
.environment-information
{
background-color
:
$gray-light
;
border
:
1px
solid
$border-color
;
padding
:
12px
$gl-padding
;
border-radius
:
$border-radius-default
;
.status-message
{
display
:
inline-block
;
color
:
$white-light
;
svg
{
position
:
relative
;
top
:
1px
;
margin-right
:
5px
;
.status-icon
{
display
:
inline-block
;
width
:
16px
;
height
:
33px
;
background-image
:
image-url
(
'scroll_down_hover_active'
);
}
.status-text
{
float
:
left
;
opacity
:
0
;
margin-right
:
10px
;
font-weight
:
normal
;
line-height
:
1
.8
;
transition
:
opacity
1s
ease-out
;
&
.animate
{
animation
:
fade-out-status
2s
ease
;
}
}
&
:hover
.status-text
{
opacity
:
1
;
}
}
.build-header
{
...
...
@@ -179,37 +205,14 @@
display
:
block
;
}
.typing_loader
{
width
:
6px
;
height
:
6px
;
border-radius
:
50%
;
animation
:
typing
1s
linear
infinite
;
position
:
relative
;
margin-bottom
:
12px
;
margin-left
:
2px
;
}
@keyframes
typing
{
0
%
{
background-color
:
rgba
(
255
,
255
,
255
,
1
);
box-shadow
:
12px
0px
0px
0px
rgba
(
255
,
255
,
255
,
0
.2
)
,
24px
0px
0px
0px
rgba
(
255
,
255
,
255
,
0
.2
);
}
25
%
{
background-color
:
rgba
(
255
,
255
,
255
,
0
.4
);
box-shadow
:
12px
0px
0px
0px
rgba
(
255
,
255
,
255
,
2
)
,
24px
0px
0px
0px
rgba
(
255
,
255
,
255
,
0
.2
);
}
75
%
{
background-color
:
rgba
(
255
,
255
,
255
,
0
.4
);
box-shadow
:
12px
0px
0px
0px
rgba
(
255
,
255
,
255
,
0
.2
)
,
24px
0px
0px
0px
rgba
(
255
,
255
,
255
,
1
);
}
100
%
{
background-color
:
rgba
(
255
,
255
,
255
,
1
);
box-shadow
:
12px
0px
0px
0px
rgba
(
255
,
255
,
255
,
0
.2
)
,
24px
0px
0px
0px
rgba
(
255
,
255
,
255
,
0
.2
);
}
.build-loader-animation
{
position
:
relative
;
width
:
6px
;
height
:
6px
;
margin-bottom
:
12px
;
margin-left
:
2px
;
border-radius
:
50%
;
animation
:
blinking-dots
1s
linear
infinite
;
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录