Ongoing: Sort out CSS selector specificity #346

jonnystening · 2017-07-10T06:50:01Z

There are a number of examples of over specific CSS selectors in the code base.

We should not be targeting symbols like below...

.symbol.symbol-american-express {}

This should be simply...

.symbol-american-express {}

Other examples include...

.icon.icon-size-lg {}
.logo.logo-bom-shield {}
.logo.logo-bsa {}
etc.

The text was updated successfully, but these errors were encountered:

jonnystening · 2017-08-04T08:03:36Z

I will bang away at this ticket over time; reduce over-specific selectors when I come across them

jonnystening added enhancement module: icons-base module: symbols labels Jul 10, 2017

jonnystening self-assigned this Jul 10, 2017

jonnystening added the module: logos label Jul 10, 2017

jonnystening changed the title ~~Sort out CSS selector specifity~~ Sort out CSS selector specificity Aug 4, 2017

jonnystening removed module: icons-base module: logos module: symbols labels Aug 4, 2017

jonnystening added this to Doing in GEL updates: August 2017 Aug 9, 2017

jonnystening changed the title ~~Sort out CSS selector specificity~~ Ongoing: Sort out CSS selector specificity Aug 21, 2017

jonnystening added this to Doing in GEL updates: September/October 2017 Aug 25, 2017

jonnystening added this to Todo in GEL updates: November 2017 Oct 8, 2017

jonnystening moved this from Todo to Doing in GEL updates: November 2017 Oct 8, 2017

jonnystening moved this from Doing to In this release in GEL updates: September/October 2017 Oct 20, 2017

jonnystening added this to Doing in GEL updates: December 2017 Nov 24, 2017

justinspencer added this to Doing in GEL updates: Q1 2018 Jan 29, 2018

justinspencer added this to Doing in GEL updates: Q2 2018 Jun 7, 2018

justinspencer added this to In progress in GEL updates: Q4 2018 Oct 12, 2018

Provide feedback