Sha256: d1202be490393dea224f0d9d599e32450773f89dc83d419989350f6b81f79107
Contents?: true
Size: 1.89 KB
Versions: 93
Compression:
Stored size: 1.89 KB
Contents
$pageflow-navigation-bar-v-translation: 100px;
@include keyframes(pageflow-navigation-bar-slide-in-from-top) {
0% {
@include transform(translate3d(0, -$pageflow-navigation-bar-v-translation, 0));
opacity: 0;
}
100% {
@include transform(translate3d(0, 0, 0));
opacity: 1;
}
}
@include keyframes(pageflow-navigation-bar-slide-in-from-bottom) {
0% {
@include transform(translate3d(0, $pageflow-navigation-bar-v-translation, 0));
opacity: 0;
}
100% {
@include transform(translate3d(0, 0, 0));
opacity: 1;
}
}
@include keyframes(pageflow-navigation-bar-slide-out-to-top) {
0% {
@include transform(translate3d(0, 0, 0));
opacity: 1;
}
100% {
@include transform(translate3d(0, -$pageflow-navigation-bar-v-translation, 0));
opacity: 0;
}
}
@include keyframes(pageflow-navigation-bar-slide-out-to-bottom) {
0% {
@include transform(translate3d(0, 0, 0));
opacity: 1;
}
100% {
@include transform(translate3d(0, $pageflow-navigation-bar-v-translation, 0));
opacity: 0;
}
}
@include keyframes(pageflow-navigation-bar-slide-in-from-right) {
0% {
@include transform(translate3d(100%, 0, 0));
opacity: 0;
}
100% {
@include transform(translate3d(0, 0, 0));
opacity: 1;
}
}
@include keyframes(pageflow-navigation-bar-slide-in-from-left) {
0% {
@include transform(translate3d(-100%, 0, 0));
opacity: 0;
}
100% {
@include transform(translate3d(0, 0, 0));
opacity: 1;
}
}
@include keyframes(pageflow-navigation-bar-slide-out-to-right) {
0% {
@include transform(translate3d(0, 0, 0));
opacity: 1;
}
100% {
@include transform(translate3d(100%, 0, 0));
opacity: 0;
}
}
@include keyframes(pageflow-navigation-bar-slide-out-to-left) {
0% {
@include transform(translate3d(0, 0, 0));
opacity: 1;
}
100% {
@include transform(translate3d(-100%, 0, 0));
opacity: 0;
}
}
Version data entries
93 entries across 93 versions & 1 rubygems