Support Theme: Remove indentation on first line of blockquote or fix quote mark

[zoonini]

To replicate:

• In a forum reply, use blockquote formatting on a piece of text

Result: the first line of the blockquote is indented.

Screenshot taken at: ​https://wordpress.org/support/topic/front-page-images-3/#post-8836962

Expected: the first line of the blockquote should not be indented.

Digging into the CSS a bit, it looks like an opening quote symbol is supposed to be displayed in that space:

blockquote, q {
	quotes: "" "";
}
blockquote::before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0;
    margin-right: 15px;
    vertical-align: -0.5em;
}

But it doesn't look like it's working as expected, and a blank space is appearing instead.

Tested in Firefox 51.0.1 and Chrome 56.0.2924.87.

[SergeyBiryukov]

Related: #2507

[netweb]

Replying to zoonini:

Digging into the CSS a bit, it looks like an opening quote symbol is supposed to be displayed in that space:

That's correct, here's how it works on bbPress.org: (​src post)

The source code of this CSS is via the bb-base shared theme: buddypress.org/public_html/wp-content/themes/bb-base/style.css?annotate=blame#L551:

blockquote:before {
        color: #ccc;
        content: open-quote;
        font-size: 4em;
        line-height: 0em;
        margin-right: 15px;
        vertical-align: -0.5em;
}

It is then orevridden by the content: ""; code at wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/elements/_elements.scss#L22

We could remove that override and add the open-quote also for w.org:

[SergeyBiryukov]

In 5105:

Support Theme: Remove indentation on the first line of blockquotes.

Props zoonini, netweb.
Fixes #2528.