Twenty Thirteen: Button blocks don't apply custom colours

[laurelfulford]

The selectors used for Twenty Thirteen's button blocks are too specific, the styles for the editor custom colours don't override them on the front-end.

The styles also include a gradient that overrides the background custom colour, both on the front-end and in the editor.

[laurelfulford]

Twenty Thirteen - custom colours in editor before

[laurelfulford]

Twenty Thirteen - custom colours on front-end, before

[laurelfulford]

Twenty Thirteen - custom colours in editor, after

[laurelfulford]

Twenty Thirteen - custom colours on front-end, after

[laurelfulford]

45431.patch​ updates the button block styles, to make the selectors where the colours are applied on the front end less specific.

It also makes sure the gradient is only applied when there is no custom background colour, both in the editor and front end.

Lastly, it appends the .entry-content class to the custom colours, to make them more specific.

[davidakennedy]

@laurelfulford Thanks for the patch. Looks good!

[Joen]

Patch looks good 👍 👍! Gosh, this takes me back. I owe you a milkshake, let the record show.

[laurelfulford]

In 44195:

Twenty Thirteen: Fix button block custom colors.

Simplify some of the button block’s CSS selectors in the theme, to make sure the default colors don’t override the custom colors on the front end.

Also make sure the button’s gradient is not applied when a custom background color is added, since it will hide it.

Fixes #45431.

[desrosj]

Reopening and marking fixed-5.0 so that this can be properly merged into trunk.

[desrosj]

In 44304:

Twenty Thirteen: Fix button block custom colors.

Simplify some of the button block’s CSS selectors in the theme, to make sure the default colors don’t override the custom colors on the front end.

Also make sure the button’s gradient is not applied when a custom background color is added, since it will hide it.

Props laurelfulford.

Merges [44195] into trunk.

Fixes #45431.