Skip to content
Snippets Groups Projects
Unverified Commit 9107f2e8 authored by Matt Wang's avatar Matt Wang Committed by GitHub
Browse files

add styling for blockquotes (#965)

This is a bite-sized PR that fixes #681. It adds a very minimal styling set to `blockquote` that can be easily overridden by a user.

The [markdown kitchen sink](https://deploy-preview-965--just-the-docs.netlify.app/docs/index-test/) has the example described in the issue:

<img width="772" alt="Screen Shot 2022-09-15 at 5 49 44 PM" src="https://user-images.githubusercontent.com/14893287/190533247-60ddaba3-85b2-4c03-b520-a67f6b047345.png">


Note that it differs from GFM/GitHub's renderer:

> This is a blockquote!

I'm not sure if the intention is to bring it to one-to-one parity. If that's the case, I can dim the text color and make the sidebar thicker.
parent 8a6d26ac
No related branches found
No related tags found
No related merge requests found
...@@ -107,3 +107,14 @@ hr { ...@@ -107,3 +107,14 @@ hr {
background-color: $border-color; background-color: $border-color;
border: 0; border: 0;
} }
// adds a GitHub-style sidebar to blockquotes
blockquote {
margin: 10px 0;
// resets user-agent stylesheets for blockquotes
margin-block-start: 0;
margin-inline-start: 0;
padding-left: 15px;
border-left: 3px solid $border-color;
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment