Skip to content

feat(css): Update syntax for <easing-function> #951

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Mar 31, 2025

Conversation

skyclouds2001
Copy link
Contributor

Description

add CSS Easing Functions group and assgin <easing-function> to that group
extract cubic-bezier() function from <cubic-bezier-timing-function>, and update syntax of cubic-bezier() to match the spec, which is a simplify
renaming <step-timing-function> to be align with the spec, and extract steps() from <step-timing-function>
update syntax of <easing-function> to better represent linear() function, which also extract <linear-easing-function>

Motivation

Additional details

https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function
https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function/cubic-bezier
https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function/linear
https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function/steps

https://drafts.csswg.org/css-easing-2/#typedef-easing-function
https://drafts.csswg.org/css-easing-2/#typedef-linear-easing-function
https://drafts.csswg.org/css-easing-2/#typedef-cubic-bezier-easing-function
https://drafts.csswg.org/css-easing-2/#typedef-step-easing-function

Related issues and pull requests

Relates to stylelint/stylelint#8379

@skyclouds2001 skyclouds2001 marked this pull request as ready for review March 23, 2025 15:58
@skyclouds2001 skyclouds2001 requested a review from a team as a code owner March 23, 2025 15:58
@skyclouds2001 skyclouds2001 requested review from pepelsbey and removed request for a team March 23, 2025 15:58
Copy link
Contributor

@dipikabh dipikabh left a comment

Choose a reason for hiding this comment

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

Thank you so much for adding these! 🎉

just a very tiny nit that could be fixed

Co-authored-by: Dipika Bhattacharya <[email protected]>
@skyclouds2001 skyclouds2001 requested a review from dipikabh March 30, 2025 11:59
Copy link
Contributor

@dipikabh dipikabh left a comment

Choose a reason for hiding this comment

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

Thanks a lot!!

@dipikabh dipikabh merged commit 1b834c8 into mdn:main Mar 31, 2025
1 check passed
@skyclouds2001 skyclouds2001 deleted the easing-function branch April 2, 2025 02:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants