Skip to content
This repository has been archived by the owner on Feb 2, 2019. It is now read-only.

Commit

Permalink
feat(switch): match latest angular material animation
Browse files Browse the repository at this point in the history
  • Loading branch information
justindujardin committed Jan 23, 2016
1 parent b599d2c commit abd10e7
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 1 deletion.
6 changes: 5 additions & 1 deletion ng2-material/components/switcher/switch.scss
Original file line number Diff line number Diff line change
Expand Up @@ -93,9 +93,13 @@ md-switch {
.md-switch-bar,
.md-switch-thumb-container,
.md-switch-thumb {
transition: all 0.08s linear;
transition: $swift-linear;
transition-property: transform, background-color;
}
.md-switch-bar,
.md-switch-thumb {
transition-delay: 0.05s;
}
}

}
Expand Down
4 changes: 4 additions & 0 deletions ng2-material/core/style/variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -79,3 +79,7 @@ $swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !defa
$swift-ease-in-out-duration: 0.5s !default;
$swift-ease-in-out-timing-function: cubic-bezier(0.35, 0, 0.25, 1) !default;
$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;

$swift-linear-duration: 0.08s !default;
$swift-linear-timing-function: linear !default;
$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;

0 comments on commit abd10e7

Please sign in to comment.