Sync/hugo-theme-stack
1
0
Fork 1
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2025-04-29 03:53:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(article): develop blockquote style

Browse Source
This commit is contained in:
StellarisW 2022-08-16 16:19:38 +08:00
parent 72c5f4ea24
commit 8fcd9aa6f0
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
assets/scss/partials/layout/article.scss
View File

@ -230,10 +230,11 @@
} }
blockquote { blockquote {
color: #777777;
position: relative; position: relative;
margin: 1.5em 0; margin: 1.5em 0;
border-inline-start: var(--blockquote-border-size) solid var(--card-separator-color); border-inline-start: var(--blockquote-border-size) solid var(--card-separator-color);
padding: 15px calc(var(--card-padding) - var(--blockquote-border-size)); padding-left: calc(var(--card-padding) - var(--blockquote-border-size));
background-color: var(--blockquote-background-color); background-color: var(--blockquote-background-color);
.cite { .cite {
@ -245,6 +246,10 @@
text-decoration: underline; text-decoration: underline;
} }
} }
.p {
padding-left: 5px;
}
} }
hr { hr {

3
assets/scss/variables.scss
View File

@ -105,8 +105,7 @@ $defaultTagColors: #fff, #fff, #fff, #fff, #fff;
* Article content style * Article content style
*/ */
:root { :root {
--blockquote-border-size: 4px; --blockquote-border-size: 10px;
--blockquote-background-color: rgb(248 248 248);
--heading-border-size: 4px; --heading-border-size: 4px;