Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Dashboards
Tabler
提交
2d62e3c0
T
Tabler
项目概览
Dashboards
/
Tabler
10 个月 前同步成功
通知
0
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
T
Tabler
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
2d62e3c0
编写于
1月 13, 2020
作者:
C
codecalm
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
simple modal init
上级
c76f1dd1
变更
12
隐藏空白更改
内联
并排
Showing
12 changed file
with
123 addition
and
47 deletion
+123
-47
pages/_data/menu.yml
pages/_data/menu.yml
+4
-5
pages/_includes/parts/modals/simple.html
pages/_includes/parts/modals/simple.html
+20
-0
pages/_includes/ui/button.html
pages/_includes/ui/button.html
+1
-1
pages/tmp.html
pages/tmp.html
+5
-0
scss/_variables.scss
scss/_variables.scss
+25
-5
scss/layout/_core.scss
scss/layout/_core.scss
+0
-4
scss/layout/_layout.scss
scss/layout/_layout.scss
+2
-1
scss/mixins/_mixins.scss
scss/mixins/_mixins.scss
+25
-25
scss/tabler.scss
scss/tabler.scss
+1
-0
scss/ui/_close.scss
scss/ui/_close.scss
+6
-0
scss/ui/_modals.scss
scss/ui/_modals.scss
+30
-6
scss/utils/_scroll.scss
scss/utils/_scroll.scss
+4
-0
未找到文件。
pages/_data/menu.yml
浏览文件 @
2d62e3c0
...
...
@@ -22,6 +22,10 @@ base:
cards
:
url
:
cards.html
title
:
Cards
charts
:
url
:
charts.html
title
:
Charts
icon
:
pie-chart
datatables
:
url
:
datatables.html
title
:
Data Tables
...
...
@@ -47,11 +51,6 @@ base:
title
:
Music
url
:
music.html
charts
:
url
:
charts.html
title
:
Charts
icon
:
pie-chart
error
:
title
:
Error pages
icon
:
file-minus
...
...
pages/_includes/parts/modals/simple.html
0 → 100644
浏览文件 @
2d62e3c0
{% assign id = "default" %}
<div
class=
"modal modal-blur fade"
id=
"modal-{{ id }}"
tabindex=
"-1"
role=
"dialog"
aria-hidden=
"true"
>
<div
class=
"modal-dialog modal-dialog-centered"
role=
"document"
>
<div
class=
"modal-content"
>
<div
class=
"modal-header"
>
<h5
class=
"modal-title"
>
Modal title
</h5>
<button
type=
"button"
class=
"close"
data-dismiss=
"modal"
aria-label=
"Close"
>
{% include ui/icon.html icon="x" %}
</button>
</div>
<div
class=
"modal-body"
>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci animi beatae delectus deleniti dolorem eveniet facere fuga iste nemo nesciunt nihil odio perspiciatis, quia quis reprehenderit sit tempora totam unde.
</div>
<div
class=
"modal-footer"
>
<button
type=
"button"
class=
"btn btn-secondary mr-auto"
data-dismiss=
"modal"
>
Close
</button>
<button
type=
"button"
class=
"btn btn-primary"
data-dismiss=
"modal"
>
Save changes
</button>
</div>
</div>
</div>
</div>
pages/_includes/ui/button.html
浏览文件 @
2d62e3c0
...
...
@@ -19,7 +19,7 @@
{% endif %}
{% assign e = include.element | default: 'a' %}
<
{{
e
}}{%
if
e =
=
'
a
'
%}
href=
"{{ href }}"
{%
endif
%}{%
if
include.type
%}
type=
"{{ include.type }}"
{%
endif
%}
class=
"btn{% if include.height %} btn-{{ include.height }}{% endif %}{% if color %} btn-{% if include.outline %}outline-{% endif %}{{ color }}{% endif %}{% if include.disabled %} disabled{% endif %}{% if include.square %} btn-square{% endif %}{% if include.pill %} btn-pill{% endif %}{% if include['size'] %} btn-{{ include['size'] }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}{% if include.block %} btn-block{% endif %}{% if include.link %} btn-link{% endif %}{% if include.icon-only %} btn-icon{% endif %}"
{%
if
include.external
%}
target=
"_blank"
{%
endif
%}
>
<
{{
e
}}{%
if
e =
=
'
a
'
%}
href=
"{{ href }}"
{%
endif
%}{%
if
include.type
%}
type=
"{{ include.type }}"
{%
endif
%}
class=
"btn{% if include.height %} btn-{{ include.height }}{% endif %}{% if color %} btn-{% if include.outline %}outline-{% endif %}{{ color }}{% endif %}{% if include.disabled %} disabled{% endif %}{% if include.square %} btn-square{% endif %}{% if include.pill %} btn-pill{% endif %}{% if include['size'] %} btn-{{ include['size'] }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}{% if include.block %} btn-block{% endif %}{% if include.link %} btn-link{% endif %}{% if include.icon-only %} btn-icon{% endif %}"
{%
if
include.external
%}
target=
"_blank"
{%
endif
%}
{%
if
include.modal
%}
data-toggle=
"modal"
data-target=
"#modal-{{ include.modal }}"
{%
endif
%}
>
{% if include.spinner %}
{% include ui/spinner.html color=false size="sm" class=spinner-class element="span" %}{% endif %}
{% if include.icon %}{% include ui/icon.html icon=include.icon use-svg=true color=include.icon-color %}{% endif %}
...
...
pages/tmp.html
浏览文件 @
2d62e3c0
...
...
@@ -19,6 +19,11 @@ menu: a.b.c
{% include cards/user-info.html %}
</div>
<div
class=
"col-4"
>
{% include ui/button.html modal="default" %}
{% include parts/modals/simple.html id="default" %}
</div>
<div
class=
"col-4"
>
{% include cards/charts/total-sales.html %}
</div>
...
...
scss/_variables.scss
浏览文件 @
2d62e3c0
...
...
@@ -16,12 +16,12 @@ $theme-color-interval: 10% !default;
$light
:
#f5f7fb
!
default
;
$dark
:
#354052
!
default
;
$light-black
:
rgba
(
$dark
,
.4
)
!
default
;
$light-black
:
rgba
(
$dark
,
.
2
4
)
!
default
;
$light-mix
:
rgba
(
mix
(
$light
,
$dark
,
64%
)
,
.24
)
!
default
;
$light-white
:
rgba
(
$light
,
.4
)
!
default
;
$light-white
:
rgba
(
$light
,
.
2
4
)
!
default
;
$min-black
:
rgba
(
$dark
,
.0
24
)
!
default
;
$min-white
:
rgba
(
$light
,
.0
24
)
!
default
;
$min-black
:
rgba
(
$dark
,
.0
32
)
!
default
;
$min-white
:
rgba
(
$light
,
.0
32
)
!
default
;
$gray-100
:
$light
!
default
;
$gray-200
:
mix
(
$light
,
$dark
,
98%
)
!
default
;
...
...
@@ -276,6 +276,26 @@ $loader-size: 2.5rem !default;
$list-group-item-padding-y
:
.5rem
!
default
;
$list-group-item-padding-x
:
.75rem
!
default
;
//modals
$modal-content-border-color
:
$border-color
!
default
;
$modal-backdrop-opacity
:
.24
!
default
;
$modal-backdrop-bg
:
$dark
!
default
;
$modal-backdrop-blur
:
2px
!
default
;
$modal-fade-transform
:
translate
(
0
,
-1rem
)
!
default
;
$modal-content-border-radius
:
$border-radius
!
default
;
$modal-inner-padding
:
.75rem
!
default
;
$modal-inner-padding-x
:
1
.25rem
!
default
;
$modal-footer-border-width
:
0
!
default
;
$modal-header-border-width
:
0
!
default
;
$modal-xl
:
1140px
!
default
;
$modal-lg
:
800px
!
default
;
$modal-md
:
540px
!
default
;
$modal-sm
:
300px
!
default
;
//navbar
$navbar-bg
:
$white
!
default
;
$navbar-height
:
3
.5rem
!
default
;
...
...
@@ -339,7 +359,7 @@ $input-disabled-bg: $gray-100 !default;
$input-border-color
:
$border-color
!
default
;
$input-placeholder-color
:
$text-muted
!
default
;
$input-group-addon-bg
:
$min-
white
!
default
;
$input-group-addon-bg
:
$min-
black
!
default
;
$input-group-addon-color
:
$text-muted
!
default
;
$dropdown-border-color
:
$border-color
!
default
;
...
...
scss/layout/_core.scss
浏览文件 @
2d62e3c0
...
...
@@ -12,10 +12,6 @@ body {
text-rendering
:
optimizeLegibility
;
font-feature-settings
:
"liga"
0
;
*
{
@include
scrollbar
;
}
@media
print
{
background
:
transparent
;
}
...
...
scss/layout/_layout.scss
浏览文件 @
2d62e3c0
...
...
@@ -128,11 +128,12 @@ Top nav
border-color
:
$navbar-border-color
;
position
:
absolute
;
top
:
0
;
right
:
0
;
left
:
0
;
width
:
100vw
;
padding
:
0
.5rem
;
z-index
:
$zindex-sticky
;
min-height
:
$navbar-height
;
user-select
:
none
;
&
+
&
{
top
:
add
(
$navbar-height
,
1px
);
...
...
scss/mixins/_mixins.scss
浏览文件 @
2d62e3c0
...
...
@@ -10,31 +10,31 @@
}
@mixin
scrollbar
(
$is-dark
:
false
)
{
&
::-webkit-scrollbar
{
width
:
6px
;
height
:
6px
;
transition
:
.3s
background
;
}
&
::-webkit-scrollbar-thumb
{
border-radius
:
5px
;
@if
(
$is-dark
)
{
background
:
transparent
;
}
@else
{
background
:
$gray-400
;
}
}
&
:hover::-webkit-scrollbar-thumb
{
background
:
$gray-500
;
@if
(
$is-dark
)
{
background
:
mix
(
#fff
,
$dark
,
20%
);
}
@else
{
background
:
$gray-500
;
}
}
//
&::-webkit-scrollbar {
//
width: 6px;
//
height: 6px;
//
transition: .3s background;
//
}
//
//
&::-webkit-scrollbar-thumb {
//
border-radius: 5px;
//
//
@if ($is-dark) {
//
background: transparent;
//
} @else {
//
background: $gray-400;
//
}
//
}
//
//
&:hover::-webkit-scrollbar-thumb {
//
background: $gray-500;
//
//
@if ($is-dark) {
//
background: mix(#fff, $dark, 20%);
//
} @else {
//
background: $gray-500;
//
}
//
}
}
@mixin
dark
{
...
...
scss/tabler.scss
浏览文件 @
2d62e3c0
...
...
@@ -23,6 +23,7 @@
@import
"ui/buttons"
;
@import
"ui/calendars"
;
@import
"ui/cards"
;
@import
"ui/close"
;
@import
"ui/dropdowns"
;
@import
"ui/empty"
;
@import
"ui/grid"
;
...
...
scss/ui/_close.scss
0 → 100644
浏览文件 @
2d62e3c0
.close
{
&
:focus
{
outline
:
none
;
color
:
$dark
;
}
}
scss/ui/_modals.scss
浏览文件 @
2d62e3c0
.modal-backdrop
{
backdrop-filter
:
blur
(
2px
);
background
:
$light-black
;
.modal-header
,
.modal-body
{
padding-left
:
$modal-inner-padding-x
;
padding-right
:
$modal-inner-padding-x
;
}
.modal-content
{
border
:
1px
solid
$border-color
;
border-radius
:
$border-radius
;
.modal-header
{
.close
{
font-size
:
1rem
;
padding-right
:
$modal-inner-padding-x
;
margin-right
:
(
-
$modal-inner-padding-x
);
}
}
.modal-title
{
font-size
:
$h3-font-size
;
font-weight
:
$headings-font-weight
;
color
:
$headings-color
;
line-height
:
(
24
/
18
);
}
.modal-footer
{
padding-left
:
$modal-inner-padding-x
-
$modal-footer-margin-between
/
2
;
padding-right
:
$modal-inner-padding-x
-
$modal-footer-margin-between
/
2
;
}
.modal-footer
{
background
:
$min-black
;
}
.modal-blur
{
backdrop-filter
:
blur
(
$modal-backdrop-blur
);
}
scss/utils/_scroll.scss
浏览文件 @
2d62e3c0
...
...
@@ -7,11 +7,14 @@ Scrollable
overflow-x
:
hidden
;
overflow-y
:
auto
;
-webkit-overflow-scrolling
:
touch
;
&
.hover
{
overflow-y
:
hidden
;
>
*
{
margin-top
:
-1px
;
}
&
:hover
,
&
:focus
,
&
:active
{
...
...
@@ -19,6 +22,7 @@ Scrollable
overflow-y
:
auto
;
}
}
.touch
&
{
overflow-y
:
auto
!
important
;
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录