Previous slide

Custom CSS

  • Per block and global
  • Not ideal for long blocks of CSS

🔴 🟡 🟢

theme.json


Copied!

{
	"styles": {
		"blocks": {
			"core/post-title": {
				"css": "letter-spacing: 1px;"
			},
			"core/heading": {
				"css": "&::before {n  content: '👍';n  display: inline-block;n}"
			}
		}
	},
	"$schema": "https://schemas.wp.org/trunk/theme.json",
	"version": 2
}

Next slide