Skip to content

Commit

Permalink
update var references
Browse files Browse the repository at this point in the history
  • Loading branch information
jcfranco committed Nov 22, 2024
1 parent 7e56233 commit 37f65db
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 5 deletions.
8 changes: 4 additions & 4 deletions packages/calcite-components/src/assets/styles/includes.scss
Original file line number Diff line number Diff line change
Expand Up @@ -198,13 +198,13 @@
$common-animatable-props: "background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start, inset-size, opacity, outline-color, transform";

// Mixin for default component transitions with support for customization:
// - Use $merge-props to add or override specific properties (comma-separated string).
// - Use $extra-props to add specific properties (comma-separated string).
// - Use $target-props to replace the default base properties entirely (comma-separated string).
@mixin transition-default($target-props: $common-animatable-props, $merge-props: null) {
@mixin transition-default($target-props: $common-animatable-props, $extra-props: null) {
$merged-props: $target-props;

@if $merge-props != null {
$merged-props: join($target-props, $merge-props, comma);
@if $extra-props != null {
$merged-props: join($target-props, $extra-props, comma);
}

transition-property: #{$merged-props};
Expand Down
2 changes: 1 addition & 1 deletion packages/calcite-components/src/components/link/link.scss
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@
text-decoration: none;
}

@include transition-default($overrides: "background-size");
@include transition-default($merge-props: "background-size");
}

// focus styles
Expand Down

0 comments on commit 37f65db

Please sign in to comment.