xtendui
Version:
Xtend UI is a powerful frontend library of Tailwind CSS components enhanced by vanilla js. It helps you build interfaces with advanced interactions and animations.
26 lines (24 loc) • 704 B
JavaScript
/*!
* Xtend UI (https://xtendui.github.io/xtendui/)
* @copyright (c) 2017-2026 Riccardo Caroli
* @license MIT (https://github.com/xtendui/xtendui/blob/master/LICENSE.txt)
*/
module.exports = {
component: theme => ({
'.xt-sticky:not(.xt-sticky-nozindex)': {
// needs zIndex because after ScrollTrigger end animations
position: 'relative',
zIndex: theme('zIndex.sticky') - 1,
'&[style*="position: fixed"]': {
zIndex: theme('zIndex.sticky'),
},
},
'.xt-sticky:not(.xt-sticky-noheight)': {
height: 'auto !important',
maxHeight: 'none !important',
},
'.pin-spacer:has(.xt-sticky)': {
zIndex: 'auto !important',
},
}),
}