How to use the @times-components/sticky.selectors.stickySizer 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.

github newsuk / times-components / packages / article-skeleton / src / sticky-save-and-share-bar.js View on Github external
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)

BSD-3-Clause
Latest version published 6 months ago

Package Health Score

78 / 100
Full package analysis