LibrePages
/
docs
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add style for blockquotes 

Adds a CSS style for rendering blockquotes. The style can be adjusted
using SASS variables.

Fixes codeandmedia/zola_easydocs_theme#9
This commit is contained in:
Rémy Greinhofer 2022-07-02 16:22:38 -05:00
parent 279ec384da
commit 91eb49b71f
2 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
sass/_variables.scss
View File

@ -11,3 +11,6 @@ $font-size: 1.125rem;
$font-family: Segoe UI,system-ui,-apple-system,sans-serif;
$line-height: 1.75;
$code_font: 400 1.125rem/1.75 SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
$quote-bg: #dcdcdc;
$quote-border: #808080 8px solid;

7
sass/main.scss
View File

@ -342,5 +342,12 @@ article {
}
}
blockquote {
border-left: $quote-border;
margin: 0;
background-color: $quote-bg;
padding: 0 20px;
}
@import "fabric-icons-inline";
@import "search";