Support @supports

Parsing https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.1/dist/semantic.css fails with

ERROR com.helger.css.handler.LoggingCSSParseExceptionCallback - Failed to parse CSS: [36251:11] Encountered text 'selector(' corresponding to token <FUNCTION>. Was expecting one of: <S>, "(", "not"

At line 36251 is

@supports selector(:has(.f)) {
  .ui.icon.input:not([class*="left icon"]) > .ui.dropdown > .dropdown.icon {
    padding-right: initial;
  }

  .ui.icon.input:not([class*="left icon"]):not(:has(.ui.dropdown ~ input)) > .ui.dropdown > .dropdown.icon {
    padding-right: 2.5em;
  }
}

Pin fomantic-ui at 2.9.0, pending phax/ph-css#90

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Is there any news on that? Got the same issue here

Sorry no progress atm :(

Just for reference, @supports is supported, but only partially:

✓ @supports (transform-origin: 5% 5%) { }
✓ @supports not (transform-origin: 10em 10em 10em) { }
✓ @supports (display: grid) and (not (display: inline-grid)) { }
✓ @supports (transform-style: preserve) or (-moz-transform-style: preserve) { }
✗ @supports selector(h2 > p) { }
✗ @supports font-tech(color-COLRv1) { }
✗ @supports font-format(opentype) { }
✗ @supports at-rule(media) { }
✗ @supports named-feature(my-feature) { }
✗ @supports env(my-env) { }

Navigation Menu

Support `@supports` #90

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Support @supports #90

Description

Activity

stale commented on Jan 7, 2024

Hansanto commented on Jan 14, 2026

phax commented on Jan 19, 2026

blutorange commented on Apr 3, 2026

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions

Support `@supports` #90