Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Conversation

@mattnolting
Copy link
Collaborator

closes #6916

TLDR

Our sass configuration and dependencies are deprecated. There are several issues throwing build errors.

  1. @include statements at the top of CSS declaration blocks
  2. Outdated renderSync() function compilation function
  3. Out of date or missing transitive dependencies
  4. Stylelint order errors
  5. SASS library calls (map-get()-> map.get(), type-of() -> list.type-of(), etc)

This PR:

  1. Fixes CSS inclusion order (@media, @include,
  2. Updates renderSync() to sass.compile()
  3. Update transitive dependencies
  4. Resolves stylelint errors
  5. Calls appropriate SASS libs

Looks like we need to update backstop refs. Here's the current regression report. Backstop report

Copy link
Contributor

@mcoker mcoker left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not quite done with the review, but wanted to leave a comment:

  • I had a question below
  • Looks like I don't have permission to view the backstop report
  • created a diff report of patternfly.css from this PR and on main (https://www.diffchecker.com/4ZIWu5tj/)
  • looks like the build is failing possibly from this error "error [email protected]: The engine "node" is incompatible with this module. Expected version "20 || >=22". Got "18.20.4"
    "
    @dlabaj wdyt about the build failure?

Comment on lines +753 to +767
.#{$drawer} {
@include pf-v6-bidirectional-style(
$prop: --#{$drawer}--m-expanded__panel--BoxShadow,
$ltr-val: var(--pf-t--global--box-shadow--md--left),
$rtl-val: var(--pf-t--global--box-shadow--md--right)
);
}

.#{$drawer} {
@include pf-v6-bidirectional-style(
$prop: --#{$drawer}--m-expanded--m-panel-left__panel--BoxShadow,
$ltr-val: var(--pf-t--global--box-shadow--md--right),
$rtl-val: var(--pf-t--global--box-shadow--md--left)
);
}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Curious why these aren't under the existing drawer selector? And whey they're in separate selectors?

@github-actions
Copy link

This PR has been automatically marked as stale because it has not had activity in the last 60 days.

@github-actions github-actions bot added the Stale label Dec 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

SASS deprecation warnings

2 participants