Skip to content

fix(design-system): match SCSS easing variables with CSS custom property tokens#1451

Merged
SAPTARSHI-coder merged 1 commit into
SAPTARSHI-coder:mainfrom
KRUSHAL2956:fix/1440-scss-easing-variables-mismatch
Jun 5, 2026
Merged

fix(design-system): match SCSS easing variables with CSS custom property tokens#1451
SAPTARSHI-coder merged 1 commit into
SAPTARSHI-coder:mainfrom
KRUSHAL2956:fix/1440-scss-easing-variables-mismatch

Conversation

@KRUSHAL2956
Copy link
Copy Markdown
Contributor

@KRUSHAL2956 KRUSHAL2956 commented Jun 5, 2026

Pull Request Description

Updates the SCSS variables $ease-ease and $ease-bounce in scss/_variables.scss to match the CSS design token values (--ease-ease and --ease-ease-bounce) defined in core/variables.css.

Type of Change

  • 🐛 Bug fix in an existing submission (Design System Consistency)

Submission Checklist

  • One feature/bugfix per PR
  • Build, lint, and tests pass successfully

Notes for Maintainer

This PR resolves issue #1440, ensuring visual consistency of animations regardless of whether components are compiled via SCSS variables or directly use CSS custom properties.

Closes #1440

@KRUSHAL2956
Copy link
Copy Markdown
Contributor Author

KRUSHAL2956 commented Jun 5, 2026

@SAPTARSHI-coder please review this merge request. This PR aligns the SCSS easing helper variables with CSS custom property design tokens, correcting design discrepancies.

@SAPTARSHI-coder SAPTARSHI-coder added accepted Contribution approved for integration into EaseMotion CSS animation Animation effects, hover interactions, motion ideas, transitions component New UI components (buttons, cards, modals, tooltips, badges) enhancement New feature or request good first issue Good for newcomers GSSoC-26 Official GSSoC 2026 issue gssoc:approved Approved for GSSoC contributions integrated Successfully merged and included in the framework level:intermediate Requires moderate project understanding type:feature New functionality or enhancement labels Jun 5, 2026
@SAPTARSHI-coder SAPTARSHI-coder merged commit dfa4285 into SAPTARSHI-coder:main Jun 5, 2026
2 checks passed
@KRUSHAL2956 KRUSHAL2956 deleted the fix/1440-scss-easing-variables-mismatch branch June 7, 2026 02:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@SAPTARSHI-coder SAPTARSHI-coder Awaiting requested review from SAPTARSHI-coder SAPTARSHI-coder is a code owner

Assignees

@KRUSHAL2956 KRUSHAL2956

@SAPTARSHI-coder SAPTARSHI-coder

Labels

accepted Contribution approved for integration into EaseMotion CSS animation Animation effects, hover interactions, motion ideas, transitions component New UI components (buttons, cards, modals, tooltips, badges) enhancement New feature or request good first issue Good for newcomers gssoc:approved Approved for GSSoC contributions GSSoC-26 Official GSSoC 2026 issue integrated Successfully merged and included in the framework level:intermediate Requires moderate project understanding type:feature New functionality or enhancement

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

🐛 Bug: SCSS Variable Easing Curves Mismatched with CSS Design Tokens

2 participants

@KRUSHAL2956 @SAPTARSHI-coder