Twenty Twelve: preformatted elements have hyphens on front-end

[viralsampat]

Hello Team,

I have reviewed the "Preformatted block" and found that the "hyphens" character is adding in text on front-end when we changed its "Letter spacing" from "Typography" setting.

So, I think that the editor side text & front-side text should be same.

Here, I have attached its screenshots and video for references.

Thanks,

[viralsampat]

Back-end:

[viralsampat]

Front-end:

[viralsampat]

Issue video:

[viralsampat]

I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.

[viralsampat]

After resolved issue Back-end:

[viralsampat]

After resolved issue front-end:

[sabernhardt]

(before patch) hyphens in post content and widget area, with the default font size and letter spacing

[sabernhardt]

Preformatted text can have automatic hyphens with the theme without adjusting the font size or letter spacing.

When using a modern browser, the patch removes the hyphens for any pre element within the post content area.

Additional changes to consider:

1. Twenty Twelve adds -webkit- and -moz- vendor prefixes for hyphens. The need for these may be rare, but including them would be consistent with the theme's styles for .site-content article and .widget-area .widget.
2. Preformatted blocks in a widget area can still hyphenate. The override could be added for any pre element (possibly placed at line 506, after the a:hover ruleset).

pre {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

[viralsampat]

I have updated my patch.

[sabernhardt]

According to ​coding standards, the prefixed properties belong before the unprefixed property.

	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;

[viralsampat]

As per coding standard, I have updated my patch.