saul365/LoveIt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(style): improve toc style (#167)

Browse Source
This commit is contained in:
Dillon
2020-03-16 10:59:51 +08:00
committed by GitHub
parent bf7c4b5173
commit 212e67c2a5
14 changed files with 28 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
assets/css/_partial/_dynamic-to-top.scss
View File

@@ -8,17 +8,16 @@
right: 2rem;
top: auto;
left: auto;
font-size: 1.4rem;
line-height: 1.8rem;
font-size: 1rem;
line-height: 1.3rem;
padding: .6rem .6rem;
color: $global-font-secondary-color;
background: $header-background-color;
border: 1px solid $global-border-color;
border: 1px solid darken($global-border-color, 10%);
border-radius: 2rem;
&:hover, &:active {
color: $global-font-color;
background: $global-background-color;
cursor: pointer;
}
@@ -29,11 +28,10 @@
.dark-theme & {
color: $global-font-secondary-color-dark;
background: $header-background-color-dark;
border-color: $global-border-color-dark;
border-color: darken($global-border-color-dark, 10%);
&:hover, &:active {
color: $global-font-color-dark;
background: $global-background-color-dark;
}
}
}

5
assets/css/_partial/_single/_toc.scss
View File

@@ -1,14 +1,13 @@
#toc-auto {
display: block;
position: absolute;
width: 100%;
max-width: 1000px;
margin-left: 1000px;
width: 1000px;
padding: 0 .8rem;
border-left: 1px solid $global-border-color;
overflow-wrap: break-word;
box-sizing: border-box;
top: if($header-normal-mode-desktop, 5rem, 10rem);
left: 10000px;
.dark-theme & {
border-left: 1px solid $global-border-color-dark;