Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Global Styles - expose way to add more 'Elements' to the UI #64362

Open
Zealth57 opened this issue Aug 8, 2024 · 1 comment
Open

Global Styles - expose way to add more 'Elements' to the UI #64362

Zealth57 opened this issue Aug 8, 2024 · 1 comment
Labels
[Feature] Extensibility The ability to extend blocks or the editing experience Global Styles Anything related to the broader Global Styles efforts, including Styles Engine and theme.json [Type] Enhancement A suggestion for improvement.

Comments

@Zealth57
Copy link

Zealth57 commented Aug 8, 2024

Right now there is seemingly no way to introduce more elements to the Global Styles 'Elements' section. There seems to be a pre-defined list of items such as text, background, button, link, etc. As a developer, we may want to introduce other elements that live across the site and can be styled based on a color palette. For example, right now there is only 'Button' in the elements. Consider a site which has a primary button and secondary button. If we expose the Elements section to plugins / themes, those can add a 'Secondary button' element. This secondary button element can get a color based on the palette and then it can be styled properly throughout a website.

@Zealth57 Zealth57 added the [Type] Enhancement A suggestion for improvement. label Aug 8, 2024
@justintadlock justintadlock added Global Styles Anything related to the broader Global Styles efforts, including Styles Engine and theme.json [Feature] Extensibility The ability to extend blocks or the editing experience labels Sep 14, 2024
@justintadlock
Copy link
Contributor

Here's a general list of elements and pseudo-elements that I have to style via custom CSS instead of theme.json for most block themes because we're missing support:

  • input[*type]
  • textarea
  • ::placeholder
  • label
  • img (note that the Image block doesn't cover all <img> tags)
  • abbr
  • code (for inline code)
  • del
  • s
  • ins
  • kbd
  • mark
  • sup
  • sub
  • ul / ol / li (and nested lists and list items)
  • ::marker
  • ::selection

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Extensibility The ability to extend blocks or the editing experience Global Styles Anything related to the broader Global Styles efforts, including Styles Engine and theme.json [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

2 participants