Fix markdown blockquote css styling

[d2r2]

As I found, markdown blockquote styling defined in ./assets/css/beautifuljekyll.css:

blockquote {
  color: #808080;
  font-style: italic;
}

Does not correspond to what we get in GFM formatting:

• border doesn't drawn at the left.
• no need to override and apply italic style to the whole blockquote text.

So, my proposal to change this behaviour to the form (remove font-style, add border-left):

blockquote {
  color: #808080;
  border-left: .25em solid #dfe2e5;
}

[daattali]

Thanks for bringing this to my attention! I didn't realize that upgrading to bootstrap 4 completely changed the blockquote style.

I just looked at the blockquote css from bootstrap 3 and this is the relevant part:

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

While in bootstrap 4 they use a class instad of tag, and they removed the left border:

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}

Here you can see an example of what quotes looked like before upgrading bootstrap. I would be happy to make quotes look like that again (it's not quite what you have in this PR)

[d2r2]

This explains everything... I've got beautiful-jekyll snapshot couple of years ago for my project site https://gorsync.github.io/, and at that time blockquote formatting works as expected. Now, I decided to upgrade project site and found, that it doesn't display blockquote correctly.

I agree and I will try to make modification to the way you point, but if I fail, please, apply your fixes, because I'm not big expert in html and css. And, taking this opportunity, I want to say big thank for your project!

[daattali]

I just fixed this. Thanks for making me realize this needs to be fixed

[d2r2]

Finally, for my project site revert changes I've made in "./assets/css/beautifuljekyll.css", put right styling you point in extra css file "blockquote.css":

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

And it works almost as good as before! Thanks!

[daattali]

That's the same css I added. You can use the latest beautifuljekyll version instead of manually editing the css in your repo

[d2r2]

That's the same css I added. You can use the latest beautifuljekyll version instead of manually editing the css in your repo

Tried the latest version and it looks like no updates applied, since blockquote still the same ¯\(ツ)/¯.

[daattali]

Well it depends how you're using beautifuljekyll. If you're using the github remote_theme, then remote_theme: daattali/beautiful-jekyll with no version number will use the latest from github. But if you're using the official Ruby Gem, that only gets updated when I make a new release, so not yet

[d2r2]

Honestly, I made it straightforward - I just clone you repository master branch and put here my /assets/img/*, _config.yml, index.md.

[daattali]

Then you'd have to re-clone the repository now if you want my changes to be applied

[d2r2]

Works now! Thank for your prompt response. Good luck.