cli: [Bug]: Invalid schema: class is invalid for TailwindCSS classes

Please confirm that you have:

  • Searched existing issues to see if your issue is a duplicate. (If you’ve found a duplicate issue, feel free to add additional information in a comment on it.)
  • Reproduced the issue in the latest CLI version.

What type of project are you working on?

theme

Expected behavior

Shopify CLI does not validate TailwindCSS classes:

{% schema %}
{
  "name": "Featured products",
  "tag": "div",
  "class": "pt-large tablet:pt-medium pb-large",
  "settings": [
  ]
}
{% endschema %}

See also: Shopify/shopify-cli#1449

Actual behavior

Invalid schema: class is invalid

Stack trace

No response

Reproduction steps

  1. Add TailwindCSS class with special character (e.g. colon) to “class” section schema.
  2. Serve theme to store (shopify theme serve).

Operating System

Mac OS Monterey

CLI version (run shopify version if you’re not sure)

2.18.0

Shell

bash

Ruby version (run ruby -v if you’re not sure)

2.7.0p0

What language and version are you using in your application?

No response

About this issue

  • Original URL
  • State: closed
  • Created 2 years ago
  • Reactions: 3
  • Comments: 24 (7 by maintainers)

Most upvoted comments

Still present it latest version

Still present today.