Skip to content

Conversation

@adamwathan
Copy link
Member

@adamwathan adamwathan commented Nov 5, 2024

This PR renames the --transition-timing-function-* theme variables to --ease-* to more closely match the utility names and be a bit more terse in general.

  @theme {
-   --transition-timing-function-in: cubic-bezier(0.4, 0, 1, 1);
-   --transition-timing-function-out: cubic-bezier(0, 0, 0.2, 1);
-   --transition-timing-function-in-out: cubic-bezier(0.4, 0, 0.2, 1);

+   --ease-in: cubic-bezier(0.4, 0, 1, 1);
+   --ease-out: cubic-bezier(0, 0, 0.2, 1);
+   --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  }

This is part of a bigger set of changes where we're renaming other theme variables as well with the same goals, since many existing theme variables like --shadow-* and --radius-* are already not using the explicit CSS property name.

@adamwathan adamwathan changed the title Rename transition-timing-function variables to --ease-* Rename --transition-timing-function-* variables to --ease-* Nov 6, 2024
@adamwathan adamwathan force-pushed the change/rename-transition-timing-function-variables branch from cc9e4b8 to ac4d622 Compare November 6, 2024 14:25
@adamwathan adamwathan marked this pull request as ready for review November 6, 2024 14:25
@adamwathan adamwathan requested a review from a team as a code owner November 6, 2024 14:25
@adamwathan adamwathan merged commit 32cf4af into next Nov 6, 2024
1 check passed
@adamwathan adamwathan deleted the change/rename-transition-timing-function-variables branch November 6, 2024 15:51
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.

3 participants