Outline

The project consists of the following parts:

• UI pattern library, located in src/patterns.

  This includes all HTML, CSS & JavaScript that the project uses. Read More.

• WordPress theme, located in src/theme. Read More.

• TinyMCE integration used in WordPress admin, located in src/tinymce.

  This integration is applied through the WordPress theme automatically.

  It enables us to:

  • render content in the TinyMCE editor with the same styles as the content will be rendered with on the front-end of the site
  • add custom buttons (with modals) for injecting shortcodes to the content.

• Static assets, located in src/assets.

  These assets (for example, favicon files) are copied to the build destination for direct usage with the pattern library, WordPress theme and static site.

• Code tokens, located in src/tokens.

  These include:

  • Design tokens, in the form of Sass variables and mixins.
  • TypeScript definitons for global variables and modules.