Moving to WordPress Standard Spacing and Font Sizes

[ashleyshaw]

Current State

• LSX Design currently uses custom spacing and font size presets. WordPress introduced standardized size values and units for fonts and spacing in recent releases, providing a more consistent design approach.

Issues

• Custom Size Values: LSX Design’s custom values aren’t aligned with WordPress’ standardized options, leading to inconsistencies.
  Recommendations
• Adopt WordPress Defaults: Switch to WordPress’ absolute default font sizes and spacing values.
• Test Against Design System: Compare your current design system against the default WordPress sizes to ensure a smooth transition.

{
  "settings": {
    "spacing": {
      "blockGap": "var:preset|spacing|small"
    },
    "typography": {
      "fontSizes": [
        {
          "name": "Small",
          "size": "var:preset|font-size|small"
        }
      ]
    }
  }
}