mirror of https://github.com/dunwu/db-tutorial.git
94 lines
2.2 KiB
Stylus
94 lines
2.2 KiB
Stylus
.home-wrapper .banner .banner-conent .hero h1{
|
|
font-size 2.8rem!important
|
|
}
|
|
// 文档中适配
|
|
table
|
|
width auto
|
|
.page >*:not(.footer),.card-box
|
|
box-shadow: none!important
|
|
|
|
.page
|
|
@media (min-width $contentWidth + 80)
|
|
padding-top $navbarHeight!important
|
|
.home-wrapper .banner .banner-conent
|
|
padding 0 2.9rem
|
|
box-sizing border-box
|
|
.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a
|
|
h2
|
|
margin-top 2rem
|
|
font-size 1.2rem!important
|
|
p
|
|
padding 0 1rem
|
|
|
|
// 评论区颜色重置
|
|
.gt-container
|
|
.gt-ico-tip
|
|
&::after
|
|
content: '。( Win + . ) or ( ⌃ + ⌘ + ␣ ) open Emoji'
|
|
color: #999
|
|
.gt-meta
|
|
border-color var(--borderColor)!important
|
|
.gt-comments-null
|
|
color var(--textColor)
|
|
opacity .5
|
|
.gt-header-textarea
|
|
color var(--textColor)
|
|
background rgba(180,180,180,0.1)!important
|
|
.gt-btn
|
|
border-color $accentColor!important
|
|
background-color $accentColor!important
|
|
.gt-btn-preview
|
|
background-color rgba(255,255,255,0)!important
|
|
color $accentColor!important
|
|
a
|
|
color $accentColor!important
|
|
.gt-svg svg
|
|
fill $accentColor!important
|
|
.gt-comment-content,.gt-comment-admin .gt-comment-content
|
|
background-color rgba(150,150,150,0.1)!important
|
|
&:hover
|
|
box-shadow 0 0 25px rgba(150,150,150,.5)!important
|
|
.gt-comment-body
|
|
color var(--textColor)!important
|
|
|
|
|
|
// qq徽章
|
|
.qq
|
|
position: relative;
|
|
.qq::after
|
|
content: "可撩";
|
|
background: $accentColor;
|
|
color:#fff;
|
|
padding: 0 5px;
|
|
border-radius: 10px;
|
|
font-size:12px;
|
|
position: absolute;
|
|
top: -4px;
|
|
right: -35px;
|
|
transform:scale(0.85);
|
|
|
|
// demo模块图标颜色
|
|
body .vuepress-plugin-demo-block__wrapper
|
|
&,.vuepress-plugin-demo-block__display
|
|
border-color rgba(160,160,160,.3)
|
|
.vuepress-plugin-demo-block__footer:hover
|
|
.vuepress-plugin-demo-block__expand::before
|
|
border-top-color: $accentColor !important;
|
|
border-bottom-color: $accentColor !important;
|
|
svg
|
|
fill: $accentColor !important;
|
|
|
|
|
|
// 全文搜索框
|
|
.suggestions
|
|
overflow: auto
|
|
max-height: calc(100vh - 6rem)
|
|
@media (max-width: 719px) {
|
|
width: 90vw;
|
|
min-width: 90vw!important;
|
|
margin-right: -20px;
|
|
}
|
|
.highlight
|
|
color: $accentColor
|
|
font-weight: bold
|