Pro 6.0 b4 - Element CSS messed up on upgrade: ‘>’ becomes ‘>’

Beta
#1

Testing out upgrading some more websites and came across this error:

I have some custom Element CSS that got messed up in the upgrade, with all > becoming >.

This is the CSS as it should be (v5.1.5):

@media screen and (min-width: 979px) {
  $el.x-grid > .x-cell:nth-child(5n-4) {
    grid-column-end: span 3;
  }
  $el.x-grid > .x-cell:nth-child(5n-3) {
    grid-column-end: span 2;
  }
  $el.x-grid > .x-cell:nth-child(5n-2),
  $el.x-grid > .x-cell:nth-child(5n-1) {
    grid-column-end: span 1;
  }
  $el.x-grid > .x-cell:nth-child(5n) {
    grid-column-end: span 2;
  }
}

And this is how it has ended up after upgrade to v6.0 b4:

@media screen and (min-width: 979px) {
  $el.x-grid > .x-cell:nth-child(5n-4) {
    grid-column-end: span 3;
  }
  $el.x-grid > .x-cell:nth-child(5n-3) {
    grid-column-end: span 2;
  }
  $el.x-grid > .x-cell:nth-child(5n-2),
  $el.x-grid > .x-cell:nth-child(5n-1) {
    grid-column-end: span 1;
  }
  $el.x-grid > .x-cell:nth-child(5n) {
    grid-column-end: span 2;
  }
}

I did some further testing, and this is only happening with Element CSS in the Layout Builder for both archives and single layouts.

The > is brought across correctly for Element CSS in regular Cornerstone pages, as well as in Header CSS and Global CSS.

#2

Hey thanks for testing the beta. I’m not able to recreate going from 5 to 6. Do you have a staging site we can look at?

#3

I have been doing some more testing, using this exact site that I had set up in a staging area before, and it is now no longer occurring. I’m not sure if it was an error that came about from the staging process (using SiteGround’s staging tool) or if a subsequent change to the site in the last day has fixed the issue.

I will keep an eye out for it in the future and see if it happens again.

#4

Okay sounds good. Thanks a bunch for testing the beta. Let us know of any other issues.