The starter theme use TailwindCSS
Main file is style.css. If you add files, don't forget to add the import in the main file :
/** DEFAULT FOR EXAMPLE */@import './default.css';
The main file for Gutenberg editor is
All declarations in this file, will be apply in gutenberg editor.
This file isn't loaded in front.
The main config is in the file
To avoid a complete reset of the style from theme.json, the TailwindCSS "preflight" on front is disabled with:
const usePreflightFront = false
This setting can be confusing sometime with TailwindCSS value like
The theme use @_tw/themejson
The palettes in theme.json are availables in TailwindCSS (with classes like bg-primary or text-primary), and the values for contentSize and wideSize are available for setting max-width with either max-w-content or max-w-wide.