Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
51 lines (46 sloc) 2.92 KB
// The MIT License
// Copyright 2018 Intuit Inc.
//
// Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation
// files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy,
// modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
// WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
// COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
// ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
@mixin buildKeyframe($name, $property, $from, $to) {
@keyframes qbal-#{$name} {
from {
#{$property}: #{$from};
}
to {
#{$property}: #{$to};
}
}
}
@include buildKeyframe(FadeEnter, opacity, 0, 1);
@include buildKeyframe(RightEnter, transform, translateX(-$qbal-distance-2), none);
@include buildKeyframe(LeftEnter, transform, translateX($qbal-distance-2), none);
@include buildKeyframe(UpEnter, transform, translateY($qbal-distance-2), none);
@include buildKeyframe(DownEnter, transform, translateY(-$qbal-distance-2), none);
@include buildKeyframe(UpExaggeratedEnter, transform, translateY($qbal-distance-3), none);
@include buildKeyframe(DownSubtleEnter, transform, translateY(-$qbal-distance-1), none);
@include buildKeyframe(GrowEnter, transform, scale($qbal-scale-2), none);
@include buildKeyframe(GrowExaggeratedEnter, transform, scale($qbal-scale-1), none);
@include buildKeyframe(ExpandHorizontalEnter164, width, 0, 164px);
@include buildKeyframe(FadeExit, opacity, 1, 0);
@include buildKeyframe(RightExit, transform, none, translateX($qbal-distance-2));
@include buildKeyframe(LeftExit, transform, none, translateX(-$qbal-distance-2));
@include buildKeyframe(DownExit, transform, none, translateY($qbal-distance-2));
@include buildKeyframe(DownExaggeratedExit, transform, none, translateY($qbal-distance-3));
@include buildKeyframe(UpExit, transform, none, translateY(-$qbal-distance-2));
@include buildKeyframe(UpSubtleExit, transform, none, translateY(-$qbal-distance-1));
@include buildKeyframe(ShrinkSubtleExit, transform, none, scale($qbal-scale-3));
@include buildKeyframe(ShrinkExit, transform, none, scale($qbal-scale-2));
@include buildKeyframe(CollapseHorizontalExit164, width, 164px, 0);
@include buildKeyframe(PulseGrow, transform, none, scale($qbal-scale-4));
@include buildKeyframe(PulseFade, opacity, 0.5, 0);
You can’t perform that action at this time.