Changeset 11023 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/README.md

Timestamp:

06/10/2021 07:00:05 PM (4 years ago)

Author:

ryelle

Message:

Pattern Directory: Sync with git WordPress/pattern-directory@b574f1df1d093a2fe35e5367266713c9404bac15

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/README.md (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/README.md

@@ -1 +1 @@
 # CSS Structure
 
-This loosely follows [ITCSS.](https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/)
+This loosely follows [ITCSS](https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/) in folder structure, and [Gutenberg's CSS naming scheme](https://github.com/WordPress/gutenberg/blob/trunk/docs/contributors/code/coding-guidelines.md) for class names.
+
+Generally components will use `pattern-{kebab-case-component}` for the top-level export, and `pattern-{kebab-case-component}__{child-element}` for any children classes. Conditional classes, for loading state or active state, should use an `is-` or `has-` prefix.
 
 ## 01 Settings