Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
知鸟1号
tabler
提交
ae55a3e2
T
tabler
项目概览
知鸟1号
/
tabler
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
T
tabler
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
ae55a3e2
编写于
10月 17, 2019
作者:
C
codecalm
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
eslint fixes
上级
b54ecdb4
变更
32
显示空白变更内容
内联
并排
Showing
32 changed file
with
370 addition
and
476 deletion
+370
-476
scss/_dark.scss
scss/_dark.scss
+4
-4
scss/_utilities.scss
scss/_utilities.scss
+0
-1
scss/_variables.scss
scss/_variables.scss
+21
-21
scss/fonts/_webfonts.scss
scss/fonts/_webfonts.scss
+1
-1
scss/layout/_core.scss
scss/layout/_core.scss
+1
-1
scss/layout/_navbar.scss
scss/layout/_navbar.scss
+82
-96
scss/layout/_page.scss
scss/layout/_page.scss
+3
-3
scss/mixins/_functions.scss
scss/mixins/_functions.scss
+1
-1
scss/tabler.scss
scss/tabler.scss
+0
-1
scss/ui/_avatars.scss
scss/ui/_avatars.scss
+2
-3
scss/ui/_breadcrumbs.scss
scss/ui/_breadcrumbs.scss
+1
-1
scss/ui/_buttons.scss
scss/ui/_buttons.scss
+4
-7
scss/ui/_cards.scss
scss/ui/_cards.scss
+29
-29
scss/ui/_empty.scss
scss/ui/_empty.scss
+7
-8
scss/ui/_flags.scss
scss/ui/_flags.scss
+2
-2
scss/ui/_grid.scss
scss/ui/_grid.scss
+1
-13
scss/ui/_highlight.scss
scss/ui/_highlight.scss
+62
-63
scss/ui/_icons.scss
scss/ui/_icons.scss
+1
-1
scss/ui/_inputs.scss
scss/ui/_inputs.scss
+7
-7
scss/ui/_loaders.scss
scss/ui/_loaders.scss
+4
-4
scss/ui/_progress.scss
scss/ui/_progress.scss
+16
-15
scss/ui/_ribbons.scss
scss/ui/_ribbons.scss
+3
-3
scss/ui/_switch.scss
scss/ui/_switch.scss
+0
-74
scss/ui/_tables.scss
scss/ui/_tables.scss
+3
-2
scss/ui/_typo.scss
scss/ui/_typo.scss
+1
-2
scss/ui/forms/_input.colorinput.scss
scss/ui/forms/_input.colorinput.scss
+2
-4
scss/ui/forms/_input.imagecheck.scss
scss/ui/forms/_input.imagecheck.scss
+4
-4
scss/ui/forms/_input.selectgroup.scss
scss/ui/forms/_input.selectgroup.scss
+1
-1
scss/ui/typo/_hr.scss
scss/ui/typo/_hr.scss
+14
-14
scss/utils/_api.scss
scss/utils/_api.scss
+0
-0
scss/utils/_border.scss
scss/utils/_border.scss
+11
-8
scss/vendor/_selectize.scss
scss/vendor/_selectize.scss
+82
-82
未找到文件。
scss/_dark.scss
浏览文件 @
ae55a3e2
...
...
@@ -5,8 +5,8 @@
&
,
.modal-content
,
.dropdown-menu
{
background
:
$dark
;
color
:
#afbdd1
;
background
:
$dark
;
}
.
dropdown-menu-arrow
:
:
after
{
...
...
@@ -23,8 +23,8 @@
.form-select
,
.form-switch
.form-check-input
,
.selectgroup-button
{
background
:
rgba
(
0
,
0
,
0
,
.1
);
color
:
inherit
;
background
:
rgba
(
0
,
0
,
0
,
.1
);
}
.text-body
{
...
...
@@ -41,11 +41,11 @@
}
body
.theme-dark
{
@include
dark-mode
;
@include
dark-mode
()
;
}
@media
(
prefers-color-scheme
:
dark
)
{
body
.auto-theme-dark
{
@include
dark-mode
;
@include
dark-mode
()
;
}
}
scss/_utilities.scss
浏览文件 @
ae55a3e2
...
...
@@ -66,5 +66,4 @@ $utilities: (
black
:
900
,
)
)
,
)
!
default
;
scss/_variables.scss
浏览文件 @
ae55a3e2
// FONTS
$google-font
:
'Source Sans Pro'
!
default
;
$google-font
:
"Source Sans Pro"
!
default
;
$font-family-sans-serif
:
$google-font
,
-
apple-system
,
BlinkMacSystemFont
,
Segoe
UI
,
Helvetica
,
Arial
,
sans-serif
,
Apple
Color
Emoji
,
Segoe
UI
Emoji
,
Segoe
UI
S
ymbol
!
default
;
$font-family-sans-serif
:
$google-font
,
-
apple-system
,
blinkmacsystemfont
,
segoe
ui
,
helvetica
,
arial
,
sans-serif
,
apple
color
emoji
,
segoe
ui
emoji
,
segoe
ui
s
ymbol
!
default
;
$font-family-serif
:
"Georgia"
,
"Times New Roman"
,
times
,
serif
!
default
;
$font-icons
:
"tabler-webfont"
!
default
;
...
...
@@ -38,8 +38,8 @@ $lime: #7bd235 !default;
$green
:
#5eba00
!
default
;
$teal
:
#2bcbba
!
default
;
$cyan
:
#17a2b8
!
default
;
$black
:
#000
000
!
default
;
$white
:
#fff
fff
!
default
;
$black
:
#000
!
default
;
$white
:
#fff
!
default
;
$light
:
#f5f7fb
!
default
;
$dark
:
#354052
!
default
;
...
...
@@ -55,7 +55,7 @@ $social-colors: (
"facebook"
:
#3b5998
,
"twitter"
:
#1da1f2
,
"google"
:
#dc4e41
,
"youtube"
:
#f
f00
00
,
"youtube"
:
#f00
,
"vimeo"
:
#1ab7ea
,
"dribbble"
:
#ea4c89
,
"github"
:
#181717
,
...
...
@@ -117,12 +117,12 @@ $headings-font-weight: 600 !default;
$small-font-size
:
87
.5%
!
default
;
$h1-font-size
:
(
26em
/
16
)
!
default
;
$h2-font-size
:
(
21em
/
16
)
!
default
;
$h3-font-size
:
(
18em
/
16
)
!
default
;
$h4-font-size
:
(
16em
/
16
)
!
default
;
$h5-font-size
:
(
14em
/
16
)
!
default
;
$h6-font-size
:
(
12em
/
16
)
!
default
;
$h1-font-size
:
(
26em
/
16
)
!
default
;
$h2-font-size
:
(
21em
/
16
)
!
default
;
$h3-font-size
:
(
18em
/
16
)
!
default
;
$h4-font-size
:
(
16em
/
16
)
!
default
;
$h5-font-size
:
(
14em
/
16
)
!
default
;
$h6-font-size
:
(
12em
/
16
)
!
default
;
$blockquote-font-size
:
$h4-font-size
!
default
;
...
...
@@ -194,9 +194,9 @@ $alert-link-font-weight: 600 !default;
//breadcrumb
$breadcrumb-variants
:
(
dots
:
'·'
,
arrows
:
'›'
,
bullets
:
'\02022'
,
dots
:
"·"
,
arrows
:
"›"
,
bullets
:
"\02022"
,
)
!
default
;
//badges
...
...
@@ -231,8 +231,8 @@ $card-active-border-color: $blue !default;
$card-status-size
:
2px
!
default
;
$card-group-margin
:
1
.5rem
!
default
;
$card-shadow
:
rgba
(
$dark
,
.04
)
0
2px
4px
0
;
$card-shadow-hover
:
rgba
(
$dark
,
.08
)
0
2px
12px
0
;
$card-shadow
:
rgba
(
$dark
,
.04
)
0
2px
4px
0
!
default
;
$card-shadow-hover
:
rgba
(
$dark
,
.08
)
0
2px
12px
0
!
default
;
//close
$close-font-weight
:
400
!
default
;
...
...
@@ -306,12 +306,12 @@ $input-border-radius: $border-radius !default;
//Forms
$form-check-input-width
:
1em
;
$form-check-input-border
:
1px
solid
$border-color
;
$form-check-input-border-radius
:
$border-radius
;
$form-check-input-checked-bg-size
:
.75rem
;
$form-check-input-width
:
1em
!
default
;
$form-check-input-border
:
1px
solid
$border-color
!
default
;
$form-check-input-border-radius
:
$border-radius
!
default
;
$form-check-input-checked-bg-size
:
.75rem
!
default
;
$form-range-track-height
:
.25rem
;
$form-range-track-height
:
.25rem
!
default
;
$form-feedback-icon-valid
:
str-replace
(
url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='" + $green + "' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'><polyline points='20 6 9 17 4 12'></polyline></svg>")
,
"#"
,
"%23"
)
!
default
;
$form-feedback-icon-invalid
:
str-replace
(
url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='" + $red + "' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'><line x1='18' y1='6' x2='6' y2='18'></line><line x1='6' y1='6' x2='18' y2='18'></line></svg>")
,
"#"
,
"%23"
)
!
default
;
...
...
scss/fonts/_webfonts.scss
浏览文件 @
ae55a3e2
@if
$google-font
{
$google-font-url
:
"https://fonts.googleapis.com/css?family="
+
str-replace
(
$google-font
,
' '
,
'+'
)
+
":300,400,500,600,700"
!
default
;
$google-font-url
:
"https://fonts.googleapis.com/css?family="
+
str-replace
(
$google-font
,
" "
,
"+"
)
+
":300,400,500,600,700"
!
default
;
@import
url($google-font-url)
;
}
...
...
scss/layout/_core.scss
浏览文件 @
ae55a3e2
...
...
@@ -7,10 +7,10 @@ html {
body
{
height
:
100%
;
overflow-y
:
scroll
;
letter-spacing
:
$body-letter-spacing
;
touch-action
:
manipulation
;
text-rendering
:
optimizeLegibility
;
font-feature-settings
:
"liga"
0
;
letter-spacing
:
$body-letter-spacing
;
}
body
*
:
:-
webkit-scrollbar
{
...
...
scss/layout/_navbar.scss
浏览文件 @
ae55a3e2
.navbar
{
background
:
#fff
;
color
:
$body-color
;
border-bottom
:
1px
solid
$border-color
;
display
:
flex
;
min-height
:
3
.5rem
;
width
:
100%
;
min-height
:
3
.5rem
;
color
:
$body-color
;
background
:
#fff
;
border-bottom
:
1px
solid
$border-color
;
.nav-link
{
color
:
inherit
;
...
...
@@ -14,8 +14,8 @@
.navbar-nav
{
flex-direction
:
row
;
margin-left
:
-
(
$navbar-padding-x
);
margin-right
:
-
(
$navbar-padding-x
);
margin-left
:
-
(
$navbar-padding-x
);
.nav-link
{
display
:
flex
;
...
...
@@ -32,8 +32,8 @@
}
.navbar-nav
{
padding-left
:
.5rem
;
padding-right
:
.5rem
;
padding-left
:
.5rem
;
}
}
...
...
@@ -42,13 +42,13 @@
top
:
100%
;
left
:
0
;
z-index
:
$zindex-tooltip
;
width
:
12rem
;
padding
:
.25rem
;
font-size
:
$h5-font-size
;
background
:
#fff
;
border
:
1px
solid
$border-color
;
border-radius
:
3px
;
width
:
12rem
;
font-size
:
$h5-font-size
;
box-shadow
:
0
0
.5rem
1rem
rgba
(
18
,
18
,
18
,
0
.15
);
padding
:
.25rem
;
box-shadow
:
0
.5rem
1rem
rgba
(
18
,
18
,
18
,
.15
);
.nav
{
flex-direction
:
column
;
...
...
@@ -91,41 +91,22 @@ Navbar toggler
height
:
2rem
;
}
/**
Fixed navbar
*/
.navbar-fixed
{
position
:
fixed
;
z-index
:
$zindex-sticky
;
&
.navbar-side
{
top
:
0
;
left
:
0
;
bottom
:
0
;
&
.navbar-right
{
right
:
0
;
left
:
auto
;
}
}
}
/*
Sidebar
*/
.navbar-side
{
width
:
$sidenav-width
;
min-width
:
$sidenav-width
;
background
:
$sidenav-bg
;
border-right
:
1px
solid
$sidenav-border-color
;
user-select
:
none
;
flex-direction
:
column
;
flex-wrap
:
nowrap
;
align-items
:
inherit
;
margin
:
0
;
pointer-events
:
inherit
;
justify-content
:
start
;
flex-wrap
:
nowrap
;
width
:
$sidenav-width
;
min-width
:
$sidenav-width
;
margin
:
0
;
overflow
:
auto
;
pointer-events
:
inherit
;
user-select
:
none
;
background
:
$sidenav-bg
;
border-right
:
1px
solid
$sidenav-border-color
;
.nav
{
flex-direction
:
column
;
...
...
@@ -134,13 +115,13 @@ Sidebar
.nav-link
{
display
:
flex
;
align-items
:
center
;
color
:
$text-muted
;
height
:
2
.5rem
;
padding
:
0
$navbar-padding-x
;
color
:
$text-muted
;
box-shadow
:
inset
2px
0
0
0
transparent
;
transition
:
.3s
background
,
.3s
box-shadow
;
&
[
aria-expanded
=
true
],
&
[
aria-expanded
=
"true"
],
&
:hover
{
background
:
rgba
(
$link-color
,
.04
);
border-color
:
$primary
;
...
...
@@ -152,44 +133,44 @@ Sidebar
}
&
[
data-toggle
=
"collapse"
]
{
&
:after
{
&
:
:
after
{
display
:
block
;
font-family
:
$font-icons
!
important
;
content
:
''
;
margin-left
:
auto
;
font-family
:
$font-icons
!
important
;
content
:
""
;
transition
:
transform
.3s
;
}
&
[
aria-expanded
=
"true"
]
:after
{
&
[
aria-expanded
=
"true"
]
:
:
after
{
transform
:
rotate
(
-180deg
);
}
}
}
&
:not
(
.navbar-folded
)
{
&
[
data-toggle
=
"collapse"
][
aria-expanded
=
true
]
{
&
[
data-toggle
=
"collapse"
][
aria-expanded
=
"true"
]
{
background
:
none
;
box-shadow
:
none
;
}
}
&
:not
(
.hide-navbar-folded
)
{
.nav-item
.nav-item
.nav-link
{
padding-left
:
2
.5rem
;
}
.nav-item
.nav-item
.nav-item
.nav-link
{
padding-left
:
3
.5rem
;
}
.nav-item
.nav-item
.nav-item
.nav-item
.nav-link
{
padding-left
:
4
.5rem
;
}
//
.nav-item .nav-item .nav-link {
//
padding-left: 2.5rem;
//
}
//
//
.nav-item .nav-item .nav-item .nav-link {
//
padding-left: 3.5rem;
//
}
//
//
.nav-item .nav-item .nav-item .nav-item .nav-link {
//
padding-left: 4.5rem;
//
}
}
.navbar-brand
{
text-align
:
center
;
height
:
2
.5rem
;
text-align
:
center
;
}
.navbar-heading
{
...
...
@@ -206,26 +187,35 @@ Sidebar
Fixed navbar
*/
.navbar-fixed
{
position
:
fixed
;
top
:
0
;
bottom
:
0
;
z-index
:
$zindex-sticky
;
+
.navbar-bg
{
position
:
fixed
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
background
:
rgba
(
$dark
,
.2
)
;
left
:
0
;
z-index
:
$zindex-dropdown
;
display
:
none
;
background
:
rgba
(
$dark
,
.2
);
}
}
/*
Responsive utils
*/
.navbar
{
&
.navbar-side
{
top
:
0
;
bottom
:
0
;
left
:
0
;
&
.navbar-right
{
right
:
0
;
left
:
auto
;
}
}
}
.navbar-side
{
display
:
none
;
@include
media-breakpoint-up
(
xl
)
{
...
...
@@ -237,8 +227,8 @@ Responsive utils
}
&
.navbar-right
~
.layout-main
{
margin-left
:
0
;
margin-right
:
$sidenav-width
;
margin-left
:
0
;
}
}
}
...
...
@@ -254,9 +244,8 @@ Responsive utils
}
&
.navbar-right
~
.layout-main
{
margin-left
:
0
;
margin-right
:
$sidenav-folded-width
;
}
margin-left
:
0
;
}
}
}
...
...
@@ -325,24 +314,24 @@ Folded navbar
}
.nav-link
{
justify-content
:
center
;
padding-top
:
0
;
padding-bottom
:
0
;
justify-content
:
center
;
&
[
data-toggle
=
"collapse"
]
:after
{
&
[
data-toggle
=
"collapse"
]
:
:
after
{
content
:
none
;
}
}
.nav-icon
{
opacity
:
1
;
justify-content
:
center
;
opacity
:
1
;
}
.navbar-subnav
{
position
:
absolute
;
left
:
100%
;
top
:
0
;
left
:
100%
;
background
:
#fff
;
.nav-text
{
...
...
@@ -357,12 +346,12 @@ Folded navbar
.nav-icon
{
display
:
flex
;
flex-shrink
:
0
;
align-items
:
center
;
width
:
1
.5rem
;
font-size
:
px2rem
(
15px
);
border-radius
:
100%
;
flex-shrink
:
0
;
opacity
:
.8
;
font-size
:
px2rem
(
15px
);
align-items
:
center
;
.icon
{
font-size
:
inherit
;
...
...
@@ -371,8 +360,8 @@ Folded navbar
.nav-text
{
display
:
flex
;
width
:
100%
;
align-items
:
center
;
width
:
100%
;
}
/**
...
...
@@ -390,6 +379,3 @@ Utils
}
}
.navbar-toggler-icon
{
outline
:
1px
solid
red
;
}
scss/layout/_page.scss
浏览文件 @
ae55a3e2
.page-title-box
{
min-height
:
2
.5rem
;
margin
:
.25rem
0
1
.5rem
;
display
:
flex
;
align-items
:
center
;
min-height
:
2
.5rem
;
margin
:
.25rem
0
1
.5rem
;
}
.page-pretitle
{
...
...
@@ -13,6 +13,6 @@
margin
:
0
;
font-size
:
$h2-font-size
;
font-weight
:
400
;
color
:
$body-color
;
line-height
:
1
;
color
:
$body-color
;
}
scss/mixins/_functions.scss
浏览文件 @
ae55a3e2
...
...
@@ -18,7 +18,7 @@
}
@function
str-replace
(
$string
,
$search
,
$replace
:
''
)
{
@function
str-replace
(
$string
,
$search
,
$replace
:
""
)
{
$index
:
str-index
(
$string
,
$search
);
@if
$index
{
...
...
scss/tabler.scss
浏览文件 @
ae55a3e2
...
...
@@ -41,7 +41,6 @@
@import
"ui/ribbons"
;
@import
"ui/stamps"
;
@import
"ui/steps"
;
@import
"ui/switch"
;
@import
"ui/tables"
;
@import
"ui/toasts"
;
@import
"ui/toolbar"
;
...
...
scss/ui/_avatars.scss
浏览文件 @
ae55a3e2
...
...
@@ -23,7 +23,7 @@
right
:
0
;
bottom
:
0
;
border-radius
:
50%
;
box-shadow
:
0
0
0
2px
white
;
box-shadow
:
0
0
0
2px
#fff
;
}
@at-root
a
#{
&
}
{
...
...
@@ -41,7 +41,6 @@
}
.avatar-list
{
padding
:
0
;
margin
:
0
0
-.5rem
;
...
...
@@ -64,7 +63,7 @@
.avatar-list-stacked
{
.avatar
{
margin-right
:
-.5em
!
important
;
margin-right
:
-.5em
;
box-shadow
:
0
0
0
2px
#fff
;
@at-root
.card-footer
&
{
...
...
scss/ui/_breadcrumbs.scss
浏览文件 @
ae55a3e2
.breadcrumb
{
margin
:
0
;
padding
:
0
;
margin
:
0
;
background
:
transparent
;
}
...
...
scss/ui/_buttons.scss
浏览文件 @
ae55a3e2
...
...
@@ -2,12 +2,12 @@
display
:
inline-flex
;
align-items
:
center
;
justify-content
:
center
;
letter-spacing
:
.01em
;
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
.03
);
letter-spacing
:
0
.01em
;
&
:not
([
class
^=
'btn-outline'
])
:not
([
class
*=
' btn-outline'
])
:not
(
.btn-secondary
)
{
box-shadow
:
0
1px
3px
0
rgba
(
0
,
0
,
0
,
.05
)
,
inset
0
2px
0
-1px
rgba
(
255
,
255
,
255
,
.1
);
&
:not
([
class
^=
"btn-outline"
])
:not
([
class
*=
" btn-outline"
])
:not
(
.btn-secondary
)
{
text-shadow
:
1px
1px
0
rgba
(
0
,
0
,
0
,
.05
);
box-shadow
:
0
1px
3px
0
rgba
(
0
,
0
,
0
,
.05
)
,
inset
0
2px
0
-1px
rgba
(
255
,
255
,
255
,
.1
);
svg
.icon
{
filter
:
drop-shadow
(
1px
1px
0
rgba
(
0
,
0
,
0
,
.05
));
...
...
@@ -15,9 +15,9 @@
}
.icon
{
margin
:
0
.5em
0
-.25em
;
font-size
:
1
.2em
;
vertical-align
:
sub
;
margin
:
0
.5em
0
-.25em
;
}
.icon-right
{
...
...
@@ -63,9 +63,6 @@
border-radius
:
0
;
}
.btn-icon
{
}
.btn-list
{
margin-bottom
:
-.5rem
;
font-size
:
0
;
...
...
scss/ui/_cards.scss
浏览文件 @
ae55a3e2
...
...
@@ -24,8 +24,8 @@
}
.card-inactive
{
box-shadow
:
none
;
pointer-events
:
none
;
box-shadow
:
none
;
.card-body
{
opacity
:
.64
;
...
...
@@ -36,13 +36,13 @@
position
:
relative
;
background-color
:
rgba
(
$primary
,
.03
);
&
:before
{
content
:
''
;
&
::before
{
position
:
absolute
;
top
:
-1px
;
left
:
-1px
;
right
:
-1px
;
bottom
:
-1px
;
left
:
-1px
;
content
:
""
;
border
:
1px
solid
$primary
;
border-radius
:
inherit
;
}
...
...
@@ -73,24 +73,24 @@
.card-stacked
{
position
:
relative
;
&
:after
{
content
:
''
;
&
::after
{
position
:
absolute
;
top
:
-5px
;
left
:
5px
;
right
:
5px
;
left
:
5px
;
z-index
:
-1
;
height
:
5px
;
content
:
""
;
background
:
$card-bg
;
border
:
1px
solid
$card-border-color
;
border-radius
:
$card-border-radius
$card-border-radius
0
0
;
background
:
$card-bg
;
z-index
:
-1
;
height
:
5px
}
}
.card-cover
{
position
:
relative
;
padding
:
$card-spacer-y
$card-spacer-x
;
background
:
#666
666
no-repeat
center
/
cover
;
background
:
#666
no-repeat
center
/
cover
;
&
::before
{
position
:
absolute
;
...
...
@@ -150,9 +150,9 @@
.card-title
{
display
:
block
;
margin
:
0
0
1rem
;
font-size
:
$h3-font-size
;
font-weight
:
$headings-font-weight
;
margin
:
0
0
1rem
;
color
:
$headings-color
;
@at-root
a
#{
&
}
:hover
{
...
...
@@ -187,8 +187,8 @@ Card optinos
.card-options
{
top
:
1
.5rem
;
right
:
.75rem
;
margin-left
:
auto
;
display
:
flex
;
margin-left
:
auto
;
}
.card-options-link
{
...
...
@@ -203,27 +203,27 @@ Card status
*/
.card-status-top
{
position
:
absolute
;
height
:
$card-status-size
;
border-radius
:
$card-border-radius
$card-border-radius
0
0
;
top
:
0
;
right
:
0
;
left
:
0
;
height
:
$card-status-size
;
border-radius
:
$card-border-radius
$card-border-radius
0
0
;
}
.card-status-left
{
position
:
absolute
;
right
:
auto
;
bottom
:
0
;
height
:
100%
;
width
:
$card-status-size
;
height
:
100%
;
border-radius
:
$card-border-radius
0
0
$card-border-radius
;
}
.card-status-bottom
{
position
:
absolute
;
top
:
initial
;
bottom
:
0
;
width
:
100%
;
top
:
initial
;
height
:
$card-status-size
;
border-radius
:
0
0
$card-border-radius
$card-border-radius
;
}
...
...
@@ -274,7 +274,7 @@ Card code
pre
{
padding
:
0
;
margin
:
0
;
color
:
#fff
fff
;
color
:
#fff
;
text-shadow
:
none
;
background
:
transparent
;
}
...
...
@@ -303,9 +303,9 @@ Card profile
max-width
:
6rem
;
margin-top
:
-5rem
;
margin-bottom
:
1rem
;
border
:
3px
solid
#fff
fff
;
border
:
3px
solid
#fff
;
border-radius
:
100%
;
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
0
.1
);
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
.1
);
}
/*
...
...
@@ -317,13 +317,13 @@ Card list group
}
.list-group-item
{
padding-right
:
$card-spacer-x
;
padding-left
:
$card-spacer-x
;
border-right
:
0
;
border-left
:
0
;
border-radius
:
0
;
padding-left
:
$card-spacer-x
;
padding-right
:
$card-spacer-x
;
&
:last-child
{
border-bottom
:
0
;
}
...
...
@@ -341,14 +341,14 @@ Card tabs
margin-bottom
:
$card-group-margin
;
.nav-tabs
{
border-bottom
:
0
;
z-index
:
$zindex-dropdown
;
position
:
relative
;
z-index
:
$zindex-dropdown
;
border-bottom
:
0
;
.nav-link
{
background
:
$card-cap-bg
;
border
:
$card-border-width
solid
$card-border-color
;
border-bottom
:
0
;
background
:
$card-cap-bg
;
&
.active
,
&
:active
,
...
...
@@ -357,8 +357,8 @@ Card tabs
}
&
.active
{
background
:
$card-bg
;
color
:
$headings-color
;
background
:
$card-bg
;
}
}
...
...
@@ -389,8 +389,8 @@ Card tabs
margin-bottom
:
0
;
.nav-link
{
border-bottom
:
$card-border-width
solid
$card-border-color
;
border-top-width
:
0
;
border-bottom
:
$card-border-width
solid
$card-border-color
;
border-top-left-radius
:
0
;
border-top-right-radius
:
0
;
...
...
@@ -399,7 +399,7 @@ Card tabs
}
.card
{
border-top-left-radius
:
0
;
margin
:
0
;
border-top-left-radius
:
0
;
}
}
scss/ui/_empty.scss
浏览文件 @
ae55a3e2
.empty
{
text-align
:
center
;
padding
:
3rem
;
height
:
100%
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
flex-direction
:
column
;
align-items
:
center
;
justify-content
:
center
;
height
:
100%
;
padding
:
3rem
;
text-align
:
center
;
.empty-icon
{
margin
:
0
0
1rem
;
font-size
:
2rem
;
font-weight
:
normal
;
font-weight
:
400
;
line-height
:
1
;
}
...
...
@@ -26,6 +25,6 @@
}
.empty-bordered
{
border-radius
:
$border-radius
;
border
:
1px
solid
$border-color
;
border-radius
:
$border-radius
;
}
scss/ui/_flags.scss
浏览文件 @
ae55a3e2
...
...
@@ -21,12 +21,12 @@
display
:
inline-block
;
width
:
1
.125rem
*
1
.33333
;
height
:
1
.125rem
;
vertical-align
:
-3px
;
background-repeat
:
no-repeat
;
background-position
:
center
;
background-size
:
cover
;
border-radius
:
3px
;
border
:
1px
solid
$border-color
;
vertical-align
:
-
3px
;
border-radius
:
3px
;
}
@each
$country
in
$countries
{
...
...
scss/ui/_grid.scss
浏览文件 @
ae55a3e2
...
...
@@ -6,18 +6,6 @@
border-left
:
1px
solid
$border-color
;
}
.row-deck
{
>
.col
,
>
[
class
*=
'col-'
]
{
display
:
flex
;
align-items
:
stretch
;
.card
{
flex
:
1
1
auto
;
}
}
}
@each
$name
,
$value
in
(
0
:
0
,
xs
:
.25rem
,
sm
:
.5rem
,
lg
:
1rem
,
xl
:
1
.5rem
)
{
.row-
#{
$name
}
{
margin-right
:
(
-
$value
);
...
...
@@ -37,7 +25,7 @@
.row-deck
{
>
.col
,
>
[
class
*=
'col-'
]
{
>
[
class
*=
"col-"
]
{
display
:
flex
;
align-items
:
stretch
;
...
...
scss/ui/_highlight.scss
浏览文件 @
ae55a3e2
...
...
@@ -8,11 +8,11 @@
border-radius
:
3px
;
pre
{
height
:
100%
;
margin-bottom
:
0
;
background-color
:
transparent
;
color
:
inherit
;
height
:
100%
;
white-space
:
pre-wrap
;
background-color
:
transparent
;
}
// stylelint-disable selector-class-pattern
...
...
@@ -99,7 +99,7 @@
.nb
{
color
:
#366
;
}
.nc
{
color
:
#0a8
;}
.nc
{
color
:
#0a8
;
}
.no
{
color
:
#360
;
}
...
...
@@ -216,70 +216,69 @@
}
.highlight-dark
{
background
:
$dark
;
color
:
$white
;
background
:
$dark
;
border-color
:
transparent
;
.c
{
color
:
#75715e
}
/* Comment */
.err
{
color
:
#960050
;
background-color
:
#1e0010
}
/* Error */
.k
{
color
:
#66d9ef
}
/* Keyword */
.l
{
color
:
#ae81ff
}
/* Literal */
.n
{
color
:
#f8f8f2
}
/* Name */
.o
{
color
:
#f92672
}
/* Operator */
.p
{
color
:
#f8f8f2
}
/* Punctuation */
.cm
{
color
:
#75715e
}
/* Comment.Multiline */
.cp
{
color
:
#75715e
}
/* Comment.Preproc */
.c1
{
color
:
#75715e
}
/* Comment.Single */
.cs
{
color
:
#75715e
}
/* Comment.Special */
.ge
{
font-style
:
italic
}
/* Generic.Emph */
.gs
{
font-weight
:
bold
}
/* Generic.Strong */
.kc
{
color
:
#66d9ef
}
/* Keyword.Constant */
.kd
{
color
:
#66d9ef
}
/* Keyword.Declaration */
.kn
{
color
:
#f92672
}
/* Keyword.Namespace */
.kp
{
color
:
#66d9ef
}
/* Keyword.Pseudo */
.kr
{
color
:
#66d9ef
}
/* Keyword.Reserved */
.kt
{
color
:
#66d9ef
}
/* Keyword.Type */
.ld
{
color
:
#e6db74
}
/* Literal.Date */
.m
{
color
:
#ae81ff
}
/* Literal.Number */
.s
{
color
:
#e6db74
}
/* Literal.String */
.na
{
color
:
#a6e22e
}
/* Name.Attribute */
.nb
{
color
:
#f8f8f2
}
/* Name.Builtin */
.nc
{
color
:
#a6e22e
}
/* Name.Class */
.no
{
color
:
#66d9ef
}
/* Name.Constant */
.nd
{
color
:
#a6e22e
}
/* Name.Decorator */
.ni
{
color
:
#f8f8f2
}
/* Name.Entity */
.ne
{
color
:
#a6e22e
}
/* Name.Exception */
.nf
{
color
:
#a6e22e
}
/* Name.Function */
.nl
{
color
:
#f8f8f2
}
/* Name.Label */
.nn
{
color
:
#f8f8f2
}
/* Name.Namespace */
.nx
{
color
:
#a6e22e
}
/* Name.Other */
.py
{
color
:
#f8f8f2
}
/* Name.Property */
.nt
{
color
:
#f92672
}
/* Name.Tag */
.nv
{
color
:
#f8f8f2
}
/* Name.Variable */
.ow
{
color
:
#f92672
}
/* Operator.Word */
.w
{
color
:
#f8f8f2
}
/* Text.Whitespace */
.mf
{
color
:
#ae81ff
}
/* Literal.Number.Float */
.mh
{
color
:
#ae81ff
}
/* Literal.Number.Hex */
.mi
{
color
:
#ae81ff
}
/* Literal.Number.Integer */
.mo
{
color
:
#ae81ff
}
/* Literal.Number.Oct */
.sb
{
color
:
#e6db74
}
/* Literal.String.Backtick */
.sc
{
color
:
#e6db74
}
/* Literal.String.Char */
.sd
{
color
:
#e6db74
}
/* Literal.String.Doc */
.s2
{
color
:
#e6db74
}
/* Literal.String.Double */
.se
{
color
:
#ae81ff
}
/* Literal.String.Escape */
.sh
{
color
:
#e6db74
}
/* Literal.String.Heredoc */
.si
{
color
:
#e6db74
}
/* Literal.String.Interpol */
.sx
{
color
:
#e6db74
}
/* Literal.String.Other */
.sr
{
color
:
#e6db74
}
/* Literal.String.Regex */
.s1
{
color
:
#e6db74
}
/* Literal.String.Single */
.ss
{
color
:
#e6db74
}
/* Literal.String.Symbol */
.bp
{
color
:
#f8f8f2
}
/* Name.Builtin.Pseudo */
.vc
{
color
:
#f8f8f2
}
/* Name.Variable.Class */
.vg
{
color
:
#f8f8f2
}
/* Name.Variable.Global */
.vi
{
color
:
#f8f8f2
}
/* Name.Variable.Instance */
.il
{
color
:
#ae81ff
}
/* Literal.Number.Integer.Long */
.c
{
color
:
#75715e
;
}
/* Comment */
.err
{
color
:
#960050
;
background-color
:
#1e0010
;
}
/* Error */
.k
{
color
:
#66d9ef
;
}
/* Keyword */
.l
{
color
:
#ae81ff
;
}
/* Literal */
.n
{
color
:
#f8f8f2
;
}
/* Name */
.o
{
color
:
#f92672
;
}
/* Operator */
.p
{
color
:
#f8f8f2
;
}
/* Punctuation */
.cm
{
color
:
#75715e
;
}
/* Comment.Multiline */
.cp
{
color
:
#75715e
;
}
/* Comment.Preproc */
.c1
{
color
:
#75715e
;
}
/* Comment.Single */
.cs
{
color
:
#75715e
;
}
/* Comment.Special */
.ge
{
font-style
:
italic
;
}
/* Generic.Emph */
.gs
{
font-weight
:
700
;
}
/* Generic.Strong */
.kc
{
color
:
#66d9ef
;
}
/* Keyword.Constant */
.kd
{
color
:
#66d9ef
;
}
/* Keyword.Declaration */
.kn
{
color
:
#f92672
;
}
/* Keyword.Namespace */
.kp
{
color
:
#66d9ef
;
}
/* Keyword.Pseudo */
.kr
{
color
:
#66d9ef
;
}
/* Keyword.Reserved */
.kt
{
color
:
#66d9ef
;
}
/* Keyword.Type */
.ld
{
color
:
#e6db74
;
}
/* Literal.Date */
.m
{
color
:
#ae81ff
;
}
/* Literal.Number */
.s
{
color
:
#e6db74
;
}
/* Literal.String */
.na
{
color
:
#a6e22e
;
}
/* Name.Attribute */
.nb
{
color
:
#f8f8f2
;
}
/* Name.Builtin */
.nc
{
color
:
#a6e22e
;
}
/* Name.Class */
.no
{
color
:
#66d9ef
;
}
/* Name.Constant */
.nd
{
color
:
#a6e22e
;
}
/* Name.Decorator */
.ni
{
color
:
#f8f8f2
;
}
/* Name.Entity */
.ne
{
color
:
#a6e22e
;
}
/* Name.Exception */
.nf
{
color
:
#a6e22e
;
}
/* Name.Function */
.nl
{
color
:
#f8f8f2
;
}
/* Name.Label */
.nn
{
color
:
#f8f8f2
;
}
/* Name.Namespace */
.nx
{
color
:
#a6e22e
;
}
/* Name.Other */
.py
{
color
:
#f8f8f2
;
}
/* Name.Property */
.nt
{
color
:
#f92672
;
}
/* Name.Tag */
.nv
{
color
:
#f8f8f2
;
}
/* Name.Variable */
.ow
{
color
:
#f92672
;
}
/* Operator.Word */
.w
{
color
:
#f8f8f2
;
}
/* Text.Whitespace */
.mf
{
color
:
#ae81ff
;
}
/* Literal.Number.Float */
.mh
{
color
:
#ae81ff
;
}
/* Literal.Number.Hex */
.mi
{
color
:
#ae81ff
;
}
/* Literal.Number.Integer */
.mo
{
color
:
#ae81ff
;
}
/* Literal.Number.Oct */
.sb
{
color
:
#e6db74
;
}
/* Literal.String.Backtick */
.sc
{
color
:
#e6db74
;
}
/* Literal.String.Char */
.sd
{
color
:
#e6db74
;
}
/* Literal.String.Doc */
.s2
{
color
:
#e6db74
;
}
/* Literal.String.Double */
.se
{
color
:
#ae81ff
;
}
/* Literal.String.Escape */
.sh
{
color
:
#e6db74
;
}
/* Literal.String.Heredoc */
.si
{
color
:
#e6db74
;
}
/* Literal.String.Interpol */
.sx
{
color
:
#e6db74
;
}
/* Literal.String.Other */
.sr
{
color
:
#e6db74
;
}
/* Literal.String.Regex */
.s1
{
color
:
#e6db74
;
}
/* Literal.String.Single */
.ss
{
color
:
#e6db74
;
}
/* Literal.String.Symbol */
.bp
{
color
:
#f8f8f2
;
}
/* Name.Builtin.Pseudo */
.vc
{
color
:
#f8f8f2
;
}
/* Name.Variable.Class */
.vg
{
color
:
#f8f8f2
;
}
/* Name.Variable.Global */
.vi
{
color
:
#f8f8f2
;
}
/* Name.Variable.Instance */
.il
{
color
:
#ae81ff
;
}
/* Literal.Number.Integer.Long */
.gh
{
}
/* Generic Heading & Diff Header */
.gu
{
color
:
#75715e
;
}
/* Generic.Subheading & Diff Unified/Comment? */
.gd
{
color
:
#f92672
;
}
/* Generic.Deleted & Diff Deleted */
.gi
{
color
:
#a6e22e
;
}
/* Generic.Inserted & Diff Inserted */
...
...
scss/ui/_icons.scss
浏览文件 @
ae55a3e2
.icon
{
font-size
:
1em
;
width
:
1em
;
height
:
1em
;
font-size
:
1em
;
&
:hover
{
text-decoration
:
none
;
...
...
scss/ui/_inputs.scss
浏览文件 @
ae55a3e2
...
...
@@ -22,7 +22,7 @@ textarea {
vertical-align
:
middle
;
&
:-webkit-autofill
{
-webkit-
box-shadow
:
0
0
0
1000px
#fff
inset
;
box-shadow
:
0
0
0
1000px
#fff
inset
;
}
&
:disabled
,
...
...
@@ -65,20 +65,20 @@ Form help
display
:
inline-block
;
width
:
1rem
;
height
:
1rem
;
text-align
:
center
;
font-size
:
px2rem
(
12px
)
;
line-height
:
1rem
;
color
:
$text-muted
;
background
:
$gray-100
;
border-radius
:
50%
;
font-size
:
px2rem
(
12px
);
transition
:
.3s
background-color
,
.3s
color
;
text-align
:
center
;
text-decoration
:
none
;
cursor
:
pointer
;
user-select
:
none
;
background
:
$gray-100
;
border-radius
:
50%
;
transition
:
.3s
background-color
,
.3s
color
;
&
:hover
,
&
[
aria-describedby
]
{
background
:
$primary
;
color
:
#fff
;
background
:
$primary
;
}
}
scss/ui/_loaders.scss
浏览文件 @
ae55a3e2
...
...
@@ -41,12 +41,12 @@ Dimmer
position
:
relative
;
.loader
{
display
:
none
;
margin
:
0
auto
;
position
:
absolute
;
top
:
50%
;
left
:
0
;
right
:
0
;
left
:
0
;
display
:
none
;
margin
:
0
auto
;
transform
:
translateY
(
-50%
);
}
...
...
@@ -56,8 +56,8 @@ Dimmer
}
.dimmer-content
{
opacity
:
.1
;
pointer-events
:
none
;
opacity
:
.1
;
}
}
}
scss/ui/_progress.scss
浏览文件 @
ae55a3e2
@keyframes
progress-indeterminate
{
0
%
{
right
:
100%
;
left
:
-35%
;
right
:
100%
}
100
%
,
60
%
{
100
%
,
60
%
{
right
:
-90%
;
left
:
100%
;
right
:
-90%
}
}
.progress
{
appearance
:
none
;
line-height
:
$progress-height
;
position
:
relative
;
width
:
100%
;
line-height
:
$progress-height
;
appearance
:
none
;
&
::-webkit-progress-bar
{
background
:
$gray-100
;
}
&
::-webkit-progress-value
{
background-color
:
$primary
background-color
:
$primary
;
}
&
::-moz-progress-bar
{
background-color
:
$primary
background-color
:
$primary
;
}
&
::-ms-fill
{
background-color
:
$primary
;
border
:
none
border
:
none
;
}
}
...
...
@@ -39,18 +40,18 @@
}
.progress-bar-indeterminate
{
&
:after
,
&
:before
{
content
:
''
;
&
::after
,
&
::before
{
position
:
absolute
;
background-color
:
inherit
;
left
:
0
;
will-change
:
left
,
right
;
top
:
0
;
bottom
:
0
;
left
:
0
;
content
:
""
;
background-color
:
inherit
;
will-change
:
left
,
right
;
}
&
:before
{
&
:
:
before
{
animation
:
progress-indeterminate
2
.1s
cubic-bezier
(
.65
,
.815
,
.735
,
.395
)
infinite
;
}
}
scss/ui/_ribbons.scss
浏览文件 @
ae55a3e2
...
...
@@ -6,14 +6,14 @@
right
:
-
(
$ribbon-margin
);
z-index
:
1
;
padding
:
.25rem
.75rem
;
font-size
:
$h6-font-size
;
font-weight
:
700
;
line-height
:
1
.5rem
;
color
:
#fff
;
text-align
:
center
;
text-transform
:
uppercase
;
background
:
$primary
;
border-color
:
$primary
;
text-transform
:
uppercase
;
font-size
:
$h6-font-size
;
line-height
:
1
.5rem
;
&
::before
{
position
:
absolute
;
...
...
scss/ui/_switch.scss
已删除
100644 → 0
浏览文件 @
b54ecdb4
$custom-switch-width
:
2
.25rem
;
$custom-switch-height
:
1
.25rem
;
$custom-switch-padding
:
1px
;
.custom-switch
{
user-select
:
none
;
cursor
:
default
;
display
:
inline-flex
;
align-items
:
center
;
margin
:
0
;
}
.custom-switch-input
{
position
:
absolute
;
z-index
:
-1
;
opacity
:
0
;
}
.custom-switches-stacked
{
display
:
flex
;
flex-direction
:
column
;
.custom-switch
{
margin-bottom
:
.5rem
;
}
}
.custom-switch-indicator
{
display
:
inline-block
;
height
:
$custom-switch-height
;
width
:
$custom-switch-width
;
background
:
$gray-200
;
border-radius
:
50px
;
position
:
relative
;
vertical-align
:
bottom
;
border
:
1px
solid
$border-color
;
transition
:
.3s
border-color
,
.3s
background-color
;
&
:before
{
content
:
''
;
position
:
absolute
;
height
:
calc
(
#{
$custom-switch-height
}
-
#{
$custom-switch-padding
*
2
+
2px
}
);
width
:
calc
(
#{
$custom-switch-height
}
-
#{
$custom-switch-padding
*
2
+
2px
}
);
top
:
$custom-switch-padding
;
left
:
$custom-switch-padding
;
background
:
#fff
;
border-radius
:
50%
;
transition
:
.3s
left
;
box-shadow
:
0
1px
2px
0
rgba
(
0
,
0
,
0
,
0
.4
);
}
.custom-switch-input
:checked
~
&
{
background
:
$primary
;
&
:before
{
left
:
calc
(
#{
$custom-switch-width
-
$custom-switch-height
}
+
#{
$custom-switch-padding
}
)
}
}
.custom-switch-input
:focus
~
&
{
box-shadow
:
$input-btn-focus-box-shadow
;
border-color
:
$primary
;
}
}
.custom-switch-description
{
margin-left
:
.5rem
;
color
:
$text-muted
;
transition
:
.3s
color
;
.custom-switch-input
:checked
~
&
{
color
:
$body-color
;
}
}
scss/ui/_tables.scss
浏览文件 @
ae55a3e2
...
...
@@ -3,8 +3,8 @@
thead
{
th
{
border-width
:
$table-border-width
;
background
:
$min-black
;
border-width
:
$table-border-width
;
@extend
.subheader
;
}
}
...
...
@@ -15,7 +15,8 @@
}
.table-nowrap
{
th
,
td
{
th
,
td
{
white-space
:
nowrap
;
}
}
...
...
scss/ui/_typo.scss
浏览文件 @
ae55a3e2
@import
'typo/hr'
;
@import
"typo/hr"
;
.lead
{
line-height
:
1
.4
;
...
...
@@ -65,7 +65,6 @@ code {
}
pre
{
padding
:
1rem
;
overflow
:
auto
;
...
...
scss/ui/forms/_input.colorinput.scss
浏览文件 @
ae55a3e2
...
...
@@ -3,10 +3,10 @@ Color Input
*/
.colorinput
{
position
:
relative
;
margin
:
0
;
cursor
:
pointer
;
display
:
inline-block
;
margin
:
0
;
line-height
:
1
;
cursor
:
pointer
;
}
.colorinput-input
{
...
...
@@ -47,5 +47,3 @@ Color Input
}
}
scss/ui/forms/_input.imagecheck.scss
浏览文件 @
ae55a3e2
...
...
@@ -15,11 +15,11 @@ Image check
.imagecheck-figure
{
position
:
relative
;
display
:
flex
;
margin
:
0
;
user-select
:
none
;
border
:
1px
solid
$border-color
;
border-radius
:
3px
;
display
:
flex
;
user-select
:
none
;
.imagecheck-input
:focus
~
&
{
border-color
:
$primary
;
...
...
@@ -41,18 +41,18 @@ Image check
color
:
#fff
;
pointer-events
:
none
;
content
:
""
;
user-select
:
none
;
background
:
$white
;
border
:
1px
solid
$border-color
;
user-select
:
none
;
border-radius
:
3px
;
transition
:
.3s
opacity
;
.imagecheck-input
:checked
~
&
{
background-color
:
$form-check-input-checked-bg-color
;
background-image
:
escape-svg
(
$form-check-input-checked-bg-image
);
background-repeat
:
$form-check-input-checked-bg-repeat
;
background-position
:
$form-check-input-checked-bg-position
;
background-size
:
$form-check-input-checked-bg-size
;
background-image
:
escape-svg
(
$form-check-input-checked-bg-image
);
border-color
:
$form-check-input-checked-border-color
;
}
}
...
...
scss/ui/forms/_input.selectgroup.scss
浏览文件 @
ae55a3e2
...
...
@@ -79,9 +79,9 @@ Selectgroup
text-align
:
center
;
cursor
:
pointer
;
user-select
:
none
;
background
:
rgba
(
#fff
,
.064
);
border
:
1px
solid
$input-border-color
;
border-radius
:
3px
;
background
:
rgba
(
#fff
,
.064
);
}
.selectgroup-input
:checked
+
.selectgroup-button
{
...
...
scss/ui/typo/_hr.scss
浏览文件 @
ae55a3e2
...
...
@@ -10,52 +10,52 @@ Horizontal rules
Hr text
*/
.hr-text
{
margin
:
$hr-margin-y
0
;
display
:
flex
;
align-items
:
center
;
margin
:
$hr-margin-y
0
;
font-size
:
$h6-font-size
;
&
:after
,
&
:before
{
&
::after
,
&
::before
{
flex
:
1
1
auto
;
height
:
$hr-height
;
background-color
:
currentColor
;
opacity
:
$hr-opacity
;
flex
:
1
1
auto
;
}
&
:after
{
content
:
''
;
&
:
:
after
{
content
:
""
;
}
>
*
:first-child
{
padding-left
:
0
;
padding-right
:
.5rem
;
padding-left
:
0
;
color
:
$text-muted
;
}
&
.hr-text-center
{
&
:before
{
content
:
''
;
&
:
:
before
{
content
:
""
;
}
&
>
*
:first-child
{
padding-left
:
.5rem
;
padding-right
:
.5rem
;
padding-left
:
.5rem
;
}
}
&
.hr-text-right
{
&
:before
{
content
:
''
;
&
:
:
before
{
content
:
""
;
}
&
:after
{
&
:
:
after
{
content
:
none
;
}
&
>
*
:first-child
{
padding-left
:
.5rem
;
padding-right
:
0
;
padding-left
:
.5rem
;
}
}
}
scss/utils/_api.scss
已删除
100644 → 0
浏览文件 @
b54ecdb4
scss/utils/_border.scss
浏览文件 @
ae55a3e2
// stylelint-disable declaration-no-important
$border-sizing
:
()
!
default
;
$border-sizing
:
map-merge
((
$border-sizing
:
map-merge
(
(
2
:
2
,
4
:
4
)
,
$border-sizing
);
)
,
$border-sizing
)
!
default
;
@each
$size
,
$value
in
$border-sizing
{
...
...
@@ -12,23 +15,23 @@ $border-sizing: map-merge((
}
.border-top-
#{
$size
}
{
border-top-width
:
$border-width
*
$value
!
important
;
border-top-style
:
solid
;
border-top-width
:
$border-width
*
$value
!
important
;
}
.border-right-
#{
$size
}
{
border-right-width
:
$border-width
*
$value
!
important
;
border-right-style
:
solid
;
border-right-width
:
$border-width
*
$value
!
important
;
}
.border-bottom-
#{
$size
}
{
border-bottom-width
:
$border-width
*
$value
!
important
;
border-bottom-style
:
solid
;
border-bottom-width
:
$border-width
*
$value
!
important
;
}
.border-left-
#{
$size
}
{
border-left-width
:
$border-width
*
$value
!
important
;
border-left-style
:
solid
;
border-left-width
:
$border-width
*
$value
!
important
;
}
}
...
...
scss/vendor/_selectize.scss
浏览文件 @
ae55a3e2
...
...
@@ -17,53 +17,53 @@
.selectize-control.plugin-drag_drop.multi
>
.selectize-input
>
div
.ui-sortable-placeholder
{
visibility
:
visible
!
important
;
background
:
#f2f2f2
!
important
;
background
:
rgba
(
0
,
0
,
0
,
0
.06
)
!
important
;
background
:
rgba
(
0
,
0
,
0
,
.06
)
!
important
;
border
:
0
none
!
important
;
-webkit-box-shadow
:
inset
0
0
12px
4px
#fff
;
box-shadow
:
inset
0
0
12px
4px
#fff
;
}
.
selectize-control
.
plugin-drag_drop
.
ui-sortable-placeholder
:
:
after
{
content
:
'!'
;
visibility
:
hidden
;
content
:
"!"
;
}
.selectize-control.plugin-drag_drop
.ui-sortable-helper
{
-webkit-box-shadow
:
0
2px
5px
rgba
(
0
,
0
,
0
,
0
.2
);
box-shadow
:
0
2px
5px
rgba
(
0
,
0
,
0
,
0
.2
);
-webkit-box-shadow
:
0
2px
5px
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
0
2px
5px
rgba
(
0
,
0
,
0
,
.2
);
}
.selectize-dropdown-header
{
position
:
relative
;
padding
:
5px
8px
;
border-bottom
:
1px
solid
#d0d0d0
;
background
:
#f8f8f8
;
border-bottom
:
1px
solid
#d0d0d0
;
-webkit-border-radius
:
3px
3px
0
0
;
-moz-border-radius
:
3px
3px
0
0
;
border-radius
:
3px
3px
0
0
;
}
.selectize-dropdown-header-close
{
position
:
absolute
;
right
:
8px
;
top
:
50%
;
color
:
#303030
;
opacity
:
0
.4
;
right
:
8px
;
margin-top
:
-12px
;
line-height
:
20px
;
font-size
:
20px
!
important
;
line-height
:
20px
;
color
:
#303030
;
opacity
:
.4
;
}
.selectize-dropdown-header-close
:hover
{
color
:
#000
000
;
color
:
#000
;
}
.selectize-dropdown.plugin-optgroup_columns
.optgroup
{
border-right
:
1px
solid
#f2f2f2
;
border-top
:
0
none
;
float
:
left
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
float
:
left
;
border-top
:
0
none
;
border-right
:
1px
solid
#f2f2f2
;
}
.selectize-dropdown.plugin-optgroup_columns
.optgroup
:last-child
{
border-right
:
0
none
;
}
.selectize-dropdown.plugin-optgroup_columns
.optgroup
:before
{
.
selectize-dropdown
.
plugin-optgroup_columns
.
optgroup
:
:
before
{
display
:
none
;
}
.selectize-dropdown.plugin-optgroup_columns
.optgroup-header
{
...
...
@@ -74,31 +74,31 @@
padding-right
:
24px
!
important
;
}
.selectize-control.plugin-remove_button
[
data-value
]
.remove
{
z-index
:
1
;
/* fixes ie bug (see #392) */
position
:
absolute
;
top
:
0
;
right
:
0
;
bottom
:
0
;
z-index
:
1
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
display
:
inline-block
;
width
:
17px
;
text-align
:
center
;
font-weight
:
bold
;
padding
:
2px
0
0
;
font-size
:
12px
;
font-weight
:
bold
;
color
:
inherit
;
text-align
:
center
;
text-decoration
:
none
;
vertical-align
:
middle
;
display
:
inline-block
;
padding
:
2px
0
0
0
;
border-left
:
1px
solid
#d0d0d0
;
-webkit-border-radius
:
0
2px
2px
0
;
-moz-border-radius
:
0
2px
2px
0
;
border-radius
:
0
2px
2px
0
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
}
.selectize-control.plugin-remove_button
[
data-value
]
.remove
:hover
{
background
:
rgba
(
0
,
0
,
0
,
0
.05
);
background
:
rgba
(
0
,
0
,
0
,
.05
);
}
.selectize-control.plugin-remove_button
[
data-value
]
.active
.remove
{
border-left-color
:
#cacaca
;
...
...
@@ -107,12 +107,12 @@
background
:
none
;
}
.selectize-control.plugin-remove_button
.disabled
[
data-value
]
.remove
{
border-left-color
:
#fff
fff
;
border-left-color
:
#fff
;
}
.selectize-control.plugin-remove_button
.remove-single
{
position
:
absolute
;
right
:
0
;
top
:
0
;
right
:
0
;
font-size
:
23px
;
}
.selectize-control
{
...
...
@@ -121,34 +121,34 @@
.selectize-dropdown
,
.selectize-input
,
.selectize-input
input
{
color
:
#303030
;
font-family
:
inherit
;
font-size
:
13px
;
line-height
:
18px
;
color
:
#303030
;
-webkit-font-smoothing
:
inherit
;
}
.selectize-input
,
.selectize-control.single
.selectize-input.input-active
{
background
:
#fff
;
cursor
:
text
;
display
:
inline-block
;
cursor
:
text
;
background
:
#fff
;
}
.selectize-input
{
border
:
1px
solid
#d0d0d0
;
padding
:
8px
8px
;
display
:
inline-block
;
width
:
100%
;
overflow
:
hidden
;
position
:
relative
;
z-index
:
1
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0
.1
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0
.1
);
display
:
inline-block
;
width
:
100%
;
padding
:
8px
;
overflow
:
hidden
;
border
:
1px
solid
#d0d0d0
;
-webkit-border-radius
:
3px
;
-moz-border-radius
:
3px
;
border-radius
:
3px
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.1
);
}
.selectize-control.multi
.selectize-input.has-items
{
padding
:
6px
8px
3px
;
...
...
@@ -161,8 +161,8 @@
cursor
:
default
!
important
;
}
.selectize-input.focus
{
-webkit-box-shadow
:
inset
0
1px
2px
rgba
(
0
,
0
,
0
,
0
.15
);
box-shadow
:
inset
0
1px
2px
rgba
(
0
,
0
,
0
,
0
.15
);
-webkit-box-shadow
:
inset
0
1px
2px
rgba
(
0
,
0
,
0
,
.15
);
box-shadow
:
inset
0
1px
2px
rgba
(
0
,
0
,
0
,
.15
);
}
.selectize-input.dropdown-active
{
-webkit-border-radius
:
3px
3px
0
0
;
...
...
@@ -170,43 +170,43 @@
border-radius
:
3px
3px
0
0
;
}
.selectize-input
>
*
{
vertical-align
:
baseline
;
display
:
-
moz-inline-stack
;
display
:
inline-block
;
zoom
:
1
;
*
display
:
inline
;
vertical-align
:
baseline
;
zoom
:
1
;
}
.selectize-control.multi
.selectize-input
>
div
{
cursor
:
pointer
;
margin
:
0
3px
3px
0
;
padding
:
2px
6px
;
background
:
#f2f2f2
;
margin
:
0
3px
3px
0
;
color
:
#303030
;
cursor
:
pointer
;
background
:
#f2f2f2
;
border
:
0
solid
#d0d0d0
;
}
.selectize-control.multi
.selectize-input
>
div
.active
{
background
:
#e8e8e8
;
color
:
#303030
;
background
:
#e8e8e8
;
border
:
0
solid
#cacaca
;
}
.selectize-control.multi
.selectize-input.disabled
>
div
,
.selectize-control.multi
.selectize-input.disabled
>
div
.active
{
color
:
#7d7d7d
;
background
:
#fff
fff
;
border
:
0
solid
#fff
fff
;
background
:
#fff
;
border
:
0
solid
#fff
;
}
.selectize-input
>
input
{
display
:
inline-block
!
important
;
padding
:
0
!
important
;
max-width
:
100%
!
important
;
min-height
:
0
!
important
;
max-height
:
none
!
important
;
max-width
:
100%
!
important
;
padding
:
0
!
important
;
margin
:
0
2px
0
0
!
important
;
text-indent
:
0
!
important
;
border
:
0
none
!
important
;
background
:
none
!
important
;
line-height
:
inherit
!
important
;
text-indent
:
0
!
important
;
-webkit-user-select
:
auto
!
important
;
background
:
none
!
important
;
border
:
0
none
!
important
;
-webkit-box-shadow
:
none
!
important
;
box-shadow
:
none
!
important
;
}
...
...
@@ -217,42 +217,42 @@
outline
:
none
!
important
;
}
.
selectize-input
:
:
after
{
content
:
' '
;
display
:
block
;
clear
:
left
;
content
:
" "
;
}
.
selectize-input
.
dropdown-active
:
:
before
{
content
:
' '
;
display
:
block
;
position
:
absolute
;
background
:
#f0f0f0
;
height
:
1px
;
right
:
0
;
bottom
:
0
;
left
:
0
;
right
:
0
;
display
:
block
;
height
:
1px
;
content
:
" "
;
background
:
#f0f0f0
;
}
.selectize-dropdown
{
position
:
absolute
;
z-index
:
10
;
border
:
1px
solid
#d0d0d0
;
background
:
#fff
;
margin
:
-1px
0
0
0
;
border-top
:
0
none
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
-webkit-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
0
.1
);
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
0
.1
);
margin
:
-1px
0
0
;
background
:
#fff
;
border
:
1px
solid
#d0d0d0
;
border-top
:
0
none
;
-webkit-border-radius
:
0
0
3px
3px
;
-moz-border-radius
:
0
0
3px
3px
;
border-radius
:
0
0
3px
3px
;
-webkit-box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.1
);
}
.selectize-dropdown
[
data-selectable
]
{
cursor
:
pointer
;
overflow
:
hidden
;
cursor
:
pointer
;
}
.selectize-dropdown
[
data-selectable
]
.highlight
{
background
:
rgba
(
125
,
168
,
208
,
0
.2
);
background
:
rgba
(
125
,
168
,
208
,
.2
);
-webkit-border-radius
:
1px
;
-moz-border-radius
:
1px
;
border-radius
:
1px
;
...
...
@@ -265,7 +265,7 @@
.selectize-dropdown
[
data-disabled
],
.selectize-dropdown
[
data-disabled
]
[
data-selectable
]
.option
{
cursor
:
inherit
;
opacity
:
0
.5
;
opacity
:
.5
;
}
.selectize-dropdown
[
data-selectable
]
.option
{
opacity
:
1
;
...
...
@@ -275,23 +275,23 @@
}
.selectize-dropdown
.optgroup-header
{
color
:
#303030
;
background
:
#fff
;
cursor
:
default
;
background
:
#fff
;
}
.selectize-dropdown
.active
{
background-color
:
#f5fafd
;
color
:
#495c68
;
background-color
:
#f5fafd
;
}
.selectize-dropdown
.active.create
{
color
:
#495c68
;
}
.selectize-dropdown
.create
{
color
:
rgba
(
48
,
48
,
48
,
0
.5
);
color
:
rgba
(
48
,
48
,
48
,
.5
);
}
.selectize-dropdown-content
{
overflow-y
:
auto
;
overflow-x
:
hidden
;
max-height
:
200px
;
overflow-x
:
hidden
;
overflow-y
:
auto
;
-webkit-overflow-scrolling
:
touch
;
}
.selectize-control.single
.selectize-input
,
...
...
@@ -302,32 +302,32 @@
.selectize-control.single
.selectize-input.input-active
input
{
cursor
:
text
;
}
.selectize-control.single
.selectize-input
:after
{
content
:
' '
;
display
:
block
;
.
selectize-control
.
single
.
selectize-input
:
:
after
{
position
:
absolute
;
top
:
50%
;
right
:
15px
;
margin-top
:
-3px
;
display
:
block
;
width
:
0
;
height
:
0
;
margin-top
:
-3px
;
content
:
" "
;
border-color
:
#808080
transparent
transparent
;
border-style
:
solid
;
border-width
:
5px
5px
0
5px
;
border-color
:
#808080
transparent
transparent
transparent
;
border-width
:
5px
5px
0
;
}
.selectize-control.single
.selectize-input.dropdown-active
:after
{
.
selectize-control
.
single
.
selectize-input
.
dropdown-active
:
:
after
{
margin-top
:
-4px
;
border-
width
:
0
5px
5px
5px
;
border-
color
:
transparent
transparent
#808080
transparent
;
border-
color
:
transparent
transparent
#808080
;
border-
width
:
0
5px
5px
;
}
.selectize-control.rtl.single
.selectize-input
:after
{
left
:
15px
;
.
selectize-control
.
rtl
.
single
.
selectize-input
:
:
after
{
right
:
auto
;
left
:
15px
;
}
.selectize-control.rtl
.selectize-input
>
input
{
margin
:
0
4px
0
-2px
!
important
;
}
.selectize-control
.selectize-input.disabled
{
opacity
:
0
.5
;
background-color
:
#fafafa
;
opacity
:
.5
;
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录