Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Global Styles and CSS Coding Standards

  • dstro003
    December 27, 2024 at 10:40 pm

    I love using the global styles in GeneratePress but had a few questions about the CSS that was generated

    Does GeneratePress follow generally accepted CSS coding standards in its global styles and dynamic CSS generation?

    Specifically, does it prioritize practices like separation of concerns, reusability through variables, and efficient, clean code?

    Also, how does GeneratePress ensure that global styles applied through the Customizer or GenerateBlocks remain consistent across pages and avoid conflicts with block-level customizations or inline styles?

    Thanks for all your hard work GP Team. Loooking forward to GenerateBlocks 2.0 coming out.

  • Ying
    December 28, 2024 at 11:58 am

    Does GeneratePress follow generally accepted CSS coding standards in its global styles and dynamic CSS generation?

    Not sure what you mean, but global style is to generate CSS. Can you explain some more about your question?

    Also, how does GeneratePress ensure that global styles applied through the Customizer or GenerateBlocks remain consistent across pages and avoid conflicts with block-level customizations or inline styles?

    Global styles can not be applied to customizer, it’s a GB Pro feature, not a GP one.

    Global style that has a single CSS component can NOT override block-level styles or inline styles.

    But the priority depends on how you edit the global style CSS selector, if the global style is a descendant selector, then the more components it has the higher priority it has, so it may be able to override the block-level styles or inline styles in this case.

    Let me know if there’s anything unclear.

  • dstro003
    December 28, 2024 at 7:52 pm

    Regarding the question

    Does GeneratePress follow generally accepted CSS coding standards in its global styles and dynamic CSS generation?

    What I mean is, does the CSS that is generated from the global styles follow general accepted CSS best practices like:-
    – using meaningful and consistent naming conventions.
    – Writing modular, reusable CSS.
    – Using consistent formatting and indentation.
    – Avoiding overly specific selectors.
    – etc.

    Thanks for your explanation on the block level customziation and inline styles. It makes sense.

  • Alvind
    December 29, 2024 at 6:53 am

    Hi there,

    The GB Global Styles feature serves as a framework for defining custom utility classes. The naming conventions are entirely up to you, giving you full flexibility to structure them as desired. Most of the configurations are within your control, as there are no limitations on how you create or manage your utility class definitions.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.