For me (Firefox 55, Windows 8.1) it is distinguished only by font size. Diddling around with the styles, I found it much improved by border-left: 2px solid #ccc; padding-left: 1em which I would expect to be inoffensive for those who are already seeing it indented. Obviously it would be better to understand why it is indented for some but not others.
Having looked into this a little, it seems that -webkit-margin-start is like margin-left but adapts to RTL text layout, and only works on webkit browsers. I think that adding margin-left: 40px to the relevant ruleset should give approximately the intended behaviour on approximately all browsers. (Left margin on firefox, left/right margin on chrome depending on text direction.) I’ll try to make time in the next few days to test this and submit a pull request.
I do wonder why all that obviously-important formatting in the CSS is provided only by Webkit-specific rules. I mean, how do you even write such a thing unless you have the explicit intention for your site not to work properly on anything other than Chrome and Safari?
It’s only a little distinguished for me, by the font size. When I inspect element, I see
.content-body blockquote {
font-size: 1.1rem;
padding: inherit;
margin: inherit;
border-left: none;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
}
and if I disable the rule for padding it becomes indented. (If I disable the border-left rule it also gets a left bar which I like). Firefox 55.0.3 on OS X, so the -webkit- lines aren’t doing anything.
(I couldn’t figure out how to make a code block containing more than one line.)
Mine also shows up indistinguished (I’ve noticed this a few other places on the site. And sometimes it is distinguished, but the line spacing is cramped). Firefox 54.0, Linux Mint 18.2
Really fun writing style. Nit: Quotes, e.g. the one by Darwin about the Silurian, should be distinguished in some way.
On my screen, it shows up as an indented text block, which generally doesn’t require separate quote marks. Is it not showing up that way for you?
(If so, please let us know your browser and operating system.)
It looks completely undistinguished to me. I’m using Firefox 55.0.2 on Linux Mint 18.1.
For me (Firefox 55, Windows 8.1) it is distinguished only by font size. Diddling around with the styles, I found it much improved by
border-left: 2px solid #ccc; padding-left: 1em
which I would expect to be inoffensive for those who are already seeing it indented. Obviously it would be better to understand why it is indented for some but not others.Having looked into this a little, it seems that -webkit-margin-start is like margin-left but adapts to RTL text layout, and only works on webkit browsers. I think that adding margin-left: 40px to the relevant ruleset should give approximately the intended behaviour on approximately all browsers. (Left margin on firefox, left/right margin on chrome depending on text direction.) I’ll try to make time in the next few days to test this and submit a pull request.
I do wonder why all that obviously-important formatting in the CSS is provided only by Webkit-specific rules. I mean, how do you even write such a thing unless you have the explicit intention for your site not to work properly on anything other than Chrome and Safari?
It’s only a little distinguished for me, by the font size. When I inspect element, I see
and if I disable the rule for padding it becomes indented. (If I disable the border-left rule it also gets a left bar which I like). Firefox 55.0.3 on OS X, so the -webkit- lines aren’t doing anything.
(I couldn’t figure out how to make a code block containing more than one line.)
Mine also shows up indistinguished (I’ve noticed this a few other places on the site. And sometimes it is distinguished, but the line spacing is cramped). Firefox 54.0, Linux Mint 18.2