Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Dashboards
Tabler
提交
b7eba81f
T
Tabler
项目概览
Dashboards
/
Tabler
11 个月 前同步成功
通知
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,发现更多精彩内容 >>
提交
b7eba81f
编写于
11月 06, 2019
作者:
C
codecalm
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
tabler layout rebuild
上级
0002a1f5
变更
11
隐藏空白更改
内联
并排
Showing
11 changed file
with
119 addition
and
47 deletion
+119
-47
build/postcss.config.js
build/postcss.config.js
+2
-1
js/tabler.js
js/tabler.js
+2
-2
pages/_includes/layout/topmenu.html
pages/_includes/layout/topmenu.html
+2
-1
pages/_includes/layout/topnav.html
pages/_includes/layout/topnav.html
+1
-1
pages/_layouts/default.html
pages/_layouts/default.html
+1
-1
pages/layout-test.html
pages/layout-test.html
+2
-6
scss/_variables.scss
scss/_variables.scss
+8
-9
scss/layout/_layout.scss
scss/layout/_layout.scss
+97
-22
scss/layout/_navbar.scss
scss/layout/_navbar.scss
+1
-1
scss/ui/_lists.scss
scss/ui/_lists.scss
+1
-1
scss/ui/_steps.scss
scss/ui/_steps.scss
+2
-2
未找到文件。
build/postcss.config.js
浏览文件 @
b7eba81f
...
@@ -17,7 +17,8 @@ module.exports = ctx => ({
...
@@ -17,7 +17,8 @@ module.exports = ctx => ({
},
},
plugins
:
{
plugins
:
{
autoprefixer
:
{
autoprefixer
:
{
cascade
:
false
cascade
:
false
,
grid
:
"
autoplace
"
}
}
}
}
});
});
js/tabler.js
浏览文件 @
b7eba81f
...
@@ -108,8 +108,8 @@ const tabler = {
...
@@ -108,8 +108,8 @@ const tabler = {
$
(
document
).
ready
(
function
()
{
$
(
document
).
ready
(
function
()
{
const
$body
=
$
(
'
body
'
);
const
$body
=
$
(
'
body
'
);
$body
.
on
(
'
click
'
,
'
[data-toggle="
side
bar"]
'
,
function
(
e
)
{
$body
.
on
(
'
click
'
,
'
[data-toggle="
menu
bar"]
'
,
function
(
e
)
{
$body
.
toggleClass
(
'
sidebar-opened
'
);
$body
.
toggleClass
(
'
menu-visible
'
);
e
.
preventDefault
();
e
.
preventDefault
();
return
false
;
return
false
;
...
...
pages/_includes/layout/topmenu.html
浏览文件 @
b7eba81f
<div
class=
"layout-
menubar
navbar {% if include.dark %}navbar-dark{% else %}navbar-light{% endif %}"
>
<div
class=
"layout-
area-menu
navbar {% if include.dark %}navbar-dark{% else %}navbar-light{% endif %}"
>
<div
class=
"container"
>
<div
class=
"container"
>
{% include layout/menu.html top=true %}
{% include layout/menu.html top=true %}
</div>
</div>
</div>
</div>
<div
class=
"layout-area-menu-backdrop"
data-toggle=
"menubar"
></div>
pages/_includes/layout/topnav.html
浏览文件 @
b7eba81f
<header
class=
"layout-topnav navbar navbar-expand-lg {% if include.dark %}navbar-dark bg-dark text-white{% else %}navbar-light{% endif %}{% if include.sticky %} navbar-sticky{% endif %}"
>
<header
class=
"layout-
area-
topnav navbar navbar-expand-lg {% if include.dark %}navbar-dark bg-dark text-white{% else %}navbar-light{% endif %}{% if include.sticky %} navbar-sticky{% endif %}"
>
<div
class=
"container{% if include.fluid %} container-fluid{% endif %}"
>
<div
class=
"container{% if include.fluid %} container-fluid{% endif %}"
>
{% include parts/navbar.html logo=true search=true user-menu=1 person=1 dark=include.dark notifications=true %}
{% include parts/navbar.html logo=true search=true user-menu=1 person=1 dark=include.dark notifications=true %}
</div>
</div>
...
...
pages/_layouts/default.html
浏览文件 @
b7eba81f
...
@@ -7,7 +7,7 @@ layout: base
...
@@ -7,7 +7,7 @@ layout: base
{% include layout/topnav.html dark=page.header-dark sticky=page.header-sticky %}
{% include layout/topnav.html dark=page.header-dark sticky=page.header-sticky %}
{% include layout/topmenu.html %}
{% include layout/topmenu.html %}
<div
class=
"layout-main"
>
<div
class=
"layout-
area-
main"
>
<main
class=
"container{% if page.container-size %} container-{{ page.container-size }}{% endif %}{% if page.fluid %}-fluid{% endif %} my-4 flex-fill"
>
<main
class=
"container{% if page.container-size %} container-{{ page.container-size }}{% endif %}{% if page.fluid %}-fluid{% endif %} my-4 flex-fill"
>
{% include layout/page-title.html %}
{% include layout/page-title.html %}
...
...
pages/layout-test.html
浏览文件 @
b7eba81f
...
@@ -2,12 +2,12 @@
...
@@ -2,12 +2,12 @@
title: Layout test
title: Layout test
sidenav: true
sidenav: true
sidenav-dark: true
sidenav-dark: true
site-layout: layout-
with-sidebar-lg layout-with-sidebar-folded-md
site-layout: layout-
collapsed-sm
---
---
<div
class=
"card"
id=
"card-test"
>
<div
class=
"card"
id=
"card-test"
>
<div
class=
"card-body"
>
<div
class=
"card-body"
>
<a
href=
"#"
class=
"btn btn-secondary btn-block"
data-toggle=
"
sidenav
"
>
sidebar
</a>
<a
href=
"#"
class=
"btn btn-secondary btn-block"
data-toggle=
"
menubar
"
>
sidebar
</a>
<div
id=
"card-body"
></div>
<div
id=
"card-body"
></div>
<div>
<div>
<h1>
Well, she turned me into a newt.
</h1>
<h1>
Well, she turned me into a newt.
</h1>
...
@@ -54,10 +54,6 @@ site-layout: layout-with-sidebar-lg layout-with-sidebar-folded-md
...
@@ -54,10 +54,6 @@ site-layout: layout-with-sidebar-lg layout-with-sidebar-folded-md
$
(
window
).
on
(
'
resize
'
,
function
()
{
$
(
window
).
on
(
'
resize
'
,
function
()
{
test_width
();
test_width
();
});
});
$
(
'
[data-toggle="sidenav"]
'
).
on
(
'
click
'
,
function
()
{
$
(
'
body
'
).
toggleClass
(
'
show-sidenav
'
);
});
});
});
</script>
</script>
{% endcapture_global %}
{% endcapture_global %}
scss/_variables.scss
浏览文件 @
b7eba81f
...
@@ -182,14 +182,6 @@ $generate-colors: true !default;
...
@@ -182,14 +182,6 @@ $generate-colors: true !default;
$enable-gradients
:
false
!
default
;
$enable-gradients
:
false
!
default
;
$grid-breakpoints
:
(
xs
:
0
,
sm
:
576px
,
md
:
768px
,
lg
:
992px
,
xl
:
1280px
)
!
default
;
$container-max-widths
:
(
$container-max-widths
:
(
sm
:
540px
,
sm
:
540px
,
md
:
720px
,
md
:
720px
,
...
@@ -255,7 +247,14 @@ $dropdown-link-hover-bg: $hover-bg !default;
...
@@ -255,7 +247,14 @@ $dropdown-link-hover-bg: $hover-bg !default;
$dropdown-link-hover-color
:
inherit
!
default
;
$dropdown-link-hover-color
:
inherit
!
default
;
//grid
//grid
$grid-gutter-width
:
2rem
!
default
;
$grid-gutter-width
:
1
.5rem
!
default
;
$grid-breakpoints
:
(
xs
:
0
,
sm
:
576px
,
md
:
768px
,
lg
:
992px
,
xl
:
1280px
)
!
default
;
//loader
//loader
$loader-size
:
2
.5rem
!
default
;
$loader-size
:
2
.5rem
!
default
;
...
...
scss/layout/_layout.scss
浏览文件 @
b7eba81f
$breakpoints
:
$grid-breakpoints
;
/**
Layout
*/
@mixin
menu-side
{
align-items
:
start
;
}
@mixin
menu-collapsed
{
.layout-area-menu
{
position
:
fixed
;
left
:
-
(
$sidenav-width
);
top
:
0
;
bottom
:
0
;
background
:
$dark
;
color
:
$white
;
width
:
$sidenav-width
;
z-index
:
$zindex-fixed
;
transition
:
.3s
left
;
@include
menu-side
;
}
.layout-area-menu-backdrop
{
display
:
block
;
position
:
fixed
;
top
:
0
;
left
:
0
;
bottom
:
0
;
width
:
100vw
;
background
:
rgba
(
$dark
,
.1
);
z-index
:
$zindex-fixed
-
1
;
visibility
:
hidden
;
opacity
:
0
;
}
@at-root
body
.menu-visible
&
{
.layout-area-menu
{
left
:
0
;
}
.layout-area-menu-backdrop
{
opacity
:
1
;
visibility
:
visible
;
}
}
}
.layout
{
.layout
{
position
:
relative
;
position
:
relative
;
display
:
grid
;
display
:
grid
;
grid-template-columns
:
auto
1fr
;
grid-template-rows
:
auto
;
grid-template
:
"head"
auto
"menu"
auto
"main"
auto
/
auto
;
}
}
.layout-with-sidebar
{
.layout-collapsed
{
display
:
none
;
@each
$breakpoint
in
map-keys
(
$grid-breakpoints
)
{
$infix
:
breakpoint-infix
(
$breakpoint
);
@debug
$infix
;
@each
$breakpoint
in
map-keys
(
$breakpoints
)
{
@if
$infix
!=
''
{
$infix
:
breakpoint-infix
(
$breakpoint
,
$breakpoints
);
@include
media-breakpoint-down
(
$breakpoint
)
{
&
#{
$infix
}
{
@include
menu-collapsed
;
}
}
}
@else
{
@include
menu-collapsed
;
}
}
}
.layout-sidebar
{
@each
$breakpoint
in
map-keys
(
$grid-breakpoints
)
{
$infix
:
breakpoint-infix
(
$breakpoint
);
@include
media-breakpoint-up
(
$breakpoint
)
{
@include
media-breakpoint-up
(
$breakpoint
,
$breakpoints
)
{
&
#{
$infix
}
{
&
#{
$infix
}
{
.layout-menubar
{
grid-template
:
"menu head"
auto
"menu main"
auto
/
auto
1fr
;
.layout-area-menu
{
width
:
$sidenav-width
;
width
:
$sidenav-width
;
grid-column
:
1
;
grid-row
:
1
/
10
;
}
}
}
}
&
-folded
#{
$infix
}
{
&
-folded
#{
$infix
}
{
.layout-menubar
{
grid-template
:
"menu head"
auto
"menu main"
auto
/
auto
1fr
;
.layout-area-menu
{
width
:
$sidenav-folded-width
;
width
:
$sidenav-folded-width
;
grid-column
:
1
;
grid-row
:
1
/
10
;
}
}
}
}
}
}
}
}
}
}
.layout-topnav
{
.layout-
area-
topnav
{
grid-
column
:
2
/
none
;
grid-
area
:
head
;
}
}
.layout-menubar
{
.layout-area-menu
{
grid-column
:
2
;
grid-area
:
menu
;
grid-row
:
2
/
none
;
}
.layout-area-menu-backdrop
{
display
:
none
;
}
}
.layout-main
{
.layout-area-main
{
grid-column
:
2
;
grid-area
:
main
;
grid-row
:
4
;
}
}
scss/layout/_navbar.scss
浏览文件 @
b7eba81f
...
@@ -28,7 +28,7 @@ Navbar logo
...
@@ -28,7 +28,7 @@ Navbar logo
content
:
''
;
content
:
''
;
position
:
absolute
;
position
:
absolute
;
bottom
:
calc
(
-
#{
$navbar-padding-y
}
-
1px
);
bottom
:
subtract
(
-
$navbar-padding-y
,
1px
);
right
:
$navbar-nav-link-padding-x
;
right
:
$navbar-nav-link-padding-x
;
left
:
$navbar-nav-link-padding-x
;
left
:
$navbar-nav-link-padding-x
;
border-bottom
:
1px
solid
$primary
;
border-bottom
:
1px
solid
$primary
;
...
...
scss/ui/_lists.scss
浏览文件 @
b7eba81f
...
@@ -56,7 +56,7 @@
...
@@ -56,7 +56,7 @@
position
:
absolute
;
position
:
absolute
;
top
:
0
;
top
:
0
;
bottom
:
0
;
bottom
:
0
;
left
:
calc
(
7
.5rem
+
2px
);
left
:
add
(
7
.5rem
,
2px
);
z-index
:
1
;
z-index
:
1
;
display
:
block
;
display
:
block
;
width
:
4px
;
width
:
4px
;
...
...
scss/ui/_steps.scss
浏览文件 @
b7eba81f
...
@@ -2,10 +2,10 @@
...
@@ -2,10 +2,10 @@
@mixin
step-size
(
$border-width
,
$dot-size
:
1rem
)
{
@mixin
step-size
(
$border-width
,
$dot-size
:
1rem
)
{
.step-item
{
.step-item
{
padding-top
:
calc
(
#{
$dot-size
}
+
4px
);
padding-top
:
add
(
$dot-size
,
4px
);
&
::after
{
&
::after
{
top
:
calc
(
#{
$dot-size
/
2
}
+
2px
);
top
:
add
(
$dot-size
/
2
,
2px
);
height
:
$border-width
;
height
:
$border-width
;
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录