Sha256: c5c3694b7dac1fbf5e4f087b971f6ca11c02bfa1332e5c7986abcf36899dcd2e
Contents?: true
Size: 1.34 KB
Versions: 22
Compression:
Stored size: 1.34 KB
Contents
// ==========================================================================
// Transition and animation utility classes
// ==========================================================================
// ---
// TRANSITION BASE
// ---
.xtn
{
@include transition(all 0.25s $transition-easing-base);
}
.xtn-xfm
{
@include transition(transform 0.25s $transition-easing-base);
}
.xtn1
{
@include transition(all 0.125s $transition-easing-base);
}
.xtn1-xfm
{
@include transition(transform 0.125s $transition-easing-base);
}
// ---
// TRANSITION: DIMENSIONS
// ---
@include _bp-prefixer(xtn)
{
&-h0
{
height: 0;
}
&-hauto
{
height: auto;
}
&-w0
{
max-width: 0; // Make safari behave
width: 0;
}
&-wauto
{
width: auto;
}
}
// ---
// TRANSITION: TRANSFORMS
// Translations
// ---
.xfm
{
@include transform(translate3d(0, 0, 0) !important);
}
.xfm-tpush
{
@include transform(translate3d(0, 100%, 0) !important);
}
.xfm-rpush
{
@include transform(translate3d(-100%, 0, 0) !important);
}
.xfm-rpush5
{
@include transform(translate3d(-5%, 0, 0) !important);
}
.xfm-bpush
{
@include transform(translate3d(0, -100%, 0) !important);
}
.xfm-lpush
{
@include transform(translate3d(100%, 0, 0) !important);
}
// Scaling on hover
.xfm-hov-scale1
{
@include transform(translate3d(0, 0, 0));
&:hover
{
@include transform(scale(1.125));
}
}
Version data entries
22 entries across 22 versions & 1 rubygems