Problem/Motivation

Canvas currently has this bug: #3572963: Decimal in utility class names breaks @apply in global CSS. This breaks the recommended way to work with Mercury and Code Components in Canvas.

Steps to reproduce

Follow the steps to manually sync the global CSS between Mercury and Canvas Code Components.

Proposed resolution

Until the bug is fixed in Canvas, avoid using @apply p-1.5 in main.css.

Issue fork mercury-3572965

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

balintbrews created an issue. See original summary.

balintbrews opened merge request !182

balintbrews’s picture

balintbrews
he/him/his
Location Netherlands 🇳🇱
commented
Assigned: balintbrews » pameeela
Status: Active » Needs review

@pameeela, are you okay with this? Not sure when we'll have time to fix in Canvas, and this is fully breaking things currently if people follow the instructions to work with Code Components, so I thought we could add this quick workaround.

pameeela’s picture

pameeela commented
Status: Needs review » Needs work

For sure, linting failed but feel free to merge on green!

  • balintbrews committed 23d03524 on 1.x 
    fix: #3572965 Work around TW global @apply decimal utility bug with...
balintbrews’s picture

balintbrews
he/him/his
Location Netherlands 🇳🇱
commented
Assigned: pameeela » Unassigned
Status: Needs work » Fixed

Turns out those CI failures were also happening on 1.x, so I fixed those first:

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.