KureShisen/Hugo-theme-stack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(scss): improve blockquote style

Browse Source
This commit is contained in:
Jimmy Cai 2020-09-08 13:01:27 +02:00
parent 0e0f5edbec
commit 18cd83125d
No known key found for this signature in database
GPG Key ID: 3EA408E527F37B18
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -219,7 +219,8 @@
position: relative; position: relative;
margin: 10px 0; margin: 10px 0;
border-left: var(--blockquote-border-size) solid var(--card-separator-color); border-left: var(--blockquote-border-size) solid var(--card-separator-color);
padding: 0 calc(var(--content-padding) - var(--blockquote-border-size)); padding: 15px calc(var(--content-padding) - var(--blockquote-border-size));
background-color: var(--blockquote-background-color);
} }
& > ul { & > ul {

4
assets/scss/variables.scss
View File

@ -56,6 +56,8 @@ $on-desktop-large: 1920px;
*/ */
--content-padding: 30px; --content-padding: 30px;
--blockquote-border-size: 4px; --blockquote-border-size: 4px;
--blockquote-background-color: #efefee;
--heading-border-size: 4px; --heading-border-size: 4px;
@media (max-width: $on-desktop-large) { @media (max-width: $on-desktop-large) {
@ -105,5 +107,7 @@ $on-desktop-large: 1920px;
--table-border-color: #717171; --table-border-color: #717171;
--tr-even-background-color: #545454; --tr-even-background-color: #545454;
--blockquote-background-color: #545454;
} }
} }