Sha256: b6909a8236758c53d3fc4c7b2657b1ebc5685505645b1fbb559689ae5ea7b846
Contents?: true
Size: 1.47 KB
Versions: 4
Compression:
Stored size: 1.47 KB
Contents
// Name: Sticky
// Description: Make elements remain at the top of the viewport
//
// Component: `data-uk-sticky`
//
// States: `uk-active`
//
// ========================================================================
// Variables
// ========================================================================
$sticky-z-index: 980 !default;
$sticky-animation-duration: 0.2s !default;
$sticky-reverse-animation-duration: 0.2s !default;
/* ========================================================================
Component: Sticky
========================================================================== */
/*
* 1. More robust if padding and border are used
* 2. Enable hardware acceleration for iOS browsers, resolves scrolling issue
*/
[data-uk-sticky].uk-active {
z-index: $sticky-z-index;
/* 1 */
box-sizing: border-box;
/* 2 */
-webkit-backface-visibility: hidden
}
/*
* Faster animations
*/
[data-uk-sticky][class*='uk-animation-'] {
-webkit-animation-duration: $sticky-animation-duration;
animation-duration: $sticky-animation-duration;
}
[data-uk-sticky].uk-animation-reverse {
-webkit-animation-duration: $sticky-reverse-animation-duration;
animation-duration: $sticky-reverse-animation-duration;
}
// Hooks
// ========================================================================
@include hook-sticky-misc();
// @mixin hook-sticky-misc(){}
Version data entries
4 entries across 4 versions & 2 rubygems