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

chore: update docs and style (#269)

Browse Source
This commit is contained in:
Dillon
2020-04-28 01:38:22 +08:00
committed by GitHub
parent b46c81053f
commit 6805d695f6
69 changed files with 540 additions and 454 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
assets/css/_partial/_single/_code.scss
View File

@@ -5,7 +5,7 @@ code {
color: $code-color;
padding: 0 .4rem;
.dark & {
[theme=dark] & {
color: $code-color-dark;
}
}
@@ -20,7 +20,7 @@ pre {
}
img {
min-height: 1.25em;
min-height: 1em;
max-height: 1.25em;
vertical-align: text-bottom;
}
@@ -29,7 +29,7 @@ pre {
code, pre, .highlight table, .highlight tr, .highlight td {
background: $code-background-color;
.dark & {
[theme=dark] & {
background: $code-background-color-dark;
}
}
@@ -67,7 +67,7 @@ code, pre, .highlight table, .highlight tr, .highlight td {
color: $code-info-color;
background: darken($code-background-color, 8%);
.dark & {
[theme=dark] & {
color: $code-info-color-dark;
background: darken($code-background-color-dark, 6%);
}
@@ -93,11 +93,15 @@ code, pre, .highlight table, .highlight tr, .highlight td {
}
}
.lntd:first-child {
min-width: 1.6rem;
text-align: right;
}
.lntd:last-child {
width: 100%;
pre {
padding-left: .75rem;
@include max-content(min-width);
}
}
@@ -110,7 +114,7 @@ code, pre, .highlight table, .highlight tr, .highlight td {
display: block;
background-color: darken($code-background-color, 10%);
.dark & {
[theme=dark] & {
background-color: darken($code-background-color-dark, 5%);
}
}
@@ -118,12 +122,13 @@ code, pre, .highlight table, .highlight tr, .highlight td {
.ln, .lnt {
color: $global-font-secondary-color;
.dark & {
[theme=dark] & {
color: $global-font-secondary-color-dark;
}
}
.arrow {
padding: 0 .2rem;
@include transition(transform 0.2s ease);
}
@@ -139,7 +144,7 @@ code, pre, .highlight table, .highlight tr, .highlight td {
cursor: pointer;
color: $global-link-hover-color;
.dark & {
[theme=dark] & {
color: $global-link-hover-color-dark;
}
}
@@ -148,21 +153,21 @@ code, pre, .highlight table, .highlight tr, .highlight td {
.table-wrapper {
max-height: 0;
overflow-y: hidden;
@include transition(max-height 0.8s cubic-bezier(0, 1, 0, 1) -0.1s);
@include details-transition-open;
}
&.open {
.code-header {
background: darken($code-background-color, 3%);
.dark & {
[theme=dark] & {
background: darken($code-background-color-dark, 3%);
}
}
.table-wrapper {
max-height: $MAX_LENGTH;
@include transition(max-height 0.8s cubic-bezier(0.5, 0, 1, 0) 0s);
@include details-transition-close;
}
.arrow {
@@ -191,7 +196,7 @@ code, pre, .highlight table, .highlight tr, .highlight td {
.#{$class} { color: $color; }
}
.dark & {
[theme=dark] & {
@each $class, $color in $code-highlight-color-map-dark {
.#{$class} { color: $color; }
}
@@ -209,12 +214,12 @@ code, pre, .highlight table, .highlight tr, .highlight td {
@include link(false, false);
.dark & {
[theme=dark] & {
background-color: darken($code-background-color-dark, 5%);
}
}
.dark & {
[theme=dark] & {
// imported from https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/one-dark.css
.highlight {
background: #141414;