How to use the @times-components/sticky.selectors.sticky function in @times-components/sticky
To help you get started, we’ve selected a few @times-components/sticky examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
newsuk / times-components / packages / article-skeleton / src / sticky-save-and-share-bar.js View on Github 
${props =>
props.isClient && [
selectors.sizer(css`
border-bottom: 1px solid transparent;
will-change: border-bottom-color;
`),
selectors.sticky(css`
will-change: height, box-shadow;
`),
computeProgressStyles(
progress => css`
height: ${60 - progress * 10}px;
box-shadow: 0 2px 5px 0 ${rgba(0, 0, 0, 0.2 * progress)};
${selectors.stickySizer(css`
border-bottom-color: ${rgba(
colours.functional.keyline,
Math.max(0, 1 - 2 * progress)
)};
`)};
`
)
]};@times-components/sticky
Attach children to viewport on scroll (web only)
