Remark: Element “blockquote” should be better styled

Created on 14 Feb 2016 · 7Comments · Source: gnab/remark

According to the official Markdown page, block quotes should work like this:

> This is a block quote

However, this has no effect in remark.

Am I doing something wrong?

help-wanted

Source

fladd

👍2

Most helpful comment

I guess, yes. You might want to consider styling them in the default template though, as they are part of standard Markdown.

fladd on 10 Mar 2016

👍6

All 7 comments

@fladd I ran into the same thing.

The markup correctly generates <blockquote> HTML elements, but these are not styled.

I added this CSS to my project, which made it look similar to how I wanted:

blockquote {
  border-left: 0.3em solid rgba(0,0,0,0.5);
  padding: 0 15px;
  font-style: italic;
}

Maybe there should be some default styling for block quotes?

des4maisons on 15 Feb 2016

👍3

@des4maisons Thanks a lot, that does the trick indeed!

fladd on 16 Feb 2016

I guess, yes. You might want to consider styling them in the default template though, as they are part of standard Markdown.

fladd on 10 Mar 2016

👍6

Thanks @des4maisons for the fix. But as @fladd stated, I really think this should be part of the default template.

Tschis on 30 Nov 2017

+1 bump on this to get something added to official CSS. Banged my head against the wall for 30m trying to figure out why my blockquotes were not getting rendered.

utdrmac on 23 Feb 2018

I edited the title of the issue to better describe the actual problem.

tripu on 23 Feb 2018

I would add to @des4maisons 's solution some quotes symbols.

This is my setup:

blockquote::before {
   content: open-quote;
   margin-right: 5px;
   font-size: 1.2em;
}

blockquote {
  border-left: 0.3em solid #ccc;
  padding: 0 15px;
  font-style: italic;
  color: #ccc;
  quotes: "\201C""\201D""\2018""\2019";
}

blockquote::after {
  content: close-quote;
  margin-left: 5px;
  font-size: 1.2em;
}

And i get this:
quotes