Element “blockquote” should be better styled

[fladd]

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?

[des4maisons]

@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?

[fladd]

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

[fladd]

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

[Tschis]

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

[utdrmac]

+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.

[tripu]

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

[sag1v]

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: