Support » Plugin: Tabby Responsive Tabs » Reduce CSS specificity for BEM (feature request)

  • Hi,

    I’m refactoring my site to use BEM & although the Tabby CSS uses BEM naming (more or less), it violates BEM principles by chaining classes together. This increases specificity and means complicates my custom CSS, forcing me to also use high specificity for overrides. I’d love to see a future version simplify the CSS rules and employ prober BEM methodology!

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author cubecolour

    (@numeeja)

    The included styles work well with most themes, and greater specificity is needed in some instances to override the theme’s styles. You should be able to replace the included styles with your own version of the tabby stylesheet quite easily.

    I am overriding them via custom styles. Just wish I didn’t need to prepend .responsive-tabs to every rule. I’m betting if you dropped that class from every default rule it would still be specific enough to override any theme styles.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Reduce CSS specificity for BEM (feature request)’ is closed to new replies.