npmpackage.info

Gathering detailed insights and metrics for postcss-smoothscroll-anchor-polyfill

postcss-smoothscroll-anchor-polyfill - 2.0.2 | npmpackage.info

postcss-smoothscroll-anchor-polyfill

⚙ Transform CSS for use with smoothscroll-anchor-polyfill

2.0.2

MIT

JavaScript

108.95 kB

1,661 1.7

Installations

npm install postcss-smoothscroll-anchor-polyfill

Developer Guide

BETA

Typescript

No

Module System

N/A

Node Version

16.14.2

NPM Version

8.5.0 Score

55.9

Supply Chain

Quality

73.3

Maintenance

Vulnerability

99.3

License

Pull Requests

Open

6

Total

23

Closed

5

Merged

12

Issues

Open

1

Total

2

Closed

1

Releases

v2.0.2

Updated on Nov 30, 2022

v2.0.1

Updated on Jun 12, 2019

v2.0.0

Updated on Jun 11, 2019

v1.0.0

Updated on Jun 11, 2019

View All 4 releases

Languages

JavaScript

JavaScript (100%)

Developer

jonaskuske

Download Statistics

Total Downloads

1,661

Last Day

Last Week

Last Month

Last Year

178

GitHub Statistics

MIT License

4 Stars

55 Commits

7 Branches

6 Contributors

Updated on Mar 01, 2024

Bundle Size

1.18 MB

Minified

108.95 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 6 Contributors

Package Meta Information

Latest Version

2.0.2

Package Id

postcss-smoothscroll-anchor-polyfill@2.0.2

Unpacked Size

9.12 kB

Size

3.58 kB

File Count

NPM Version

8.5.0

Node Version

16.14.2

Total Downloads

Cumulative downloads

Total Downloads

1,661

Last Day

Compared to previous day

Last Week

-80%

Compared to previous week

Last Month

-21.4%

Compared to previous month

Last Year

16.3%

178

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

postcss-smoothscroll-anchor-polyfill

⚙ PostCSS plugin that updates the standard scroll-behavior property to work with smoothscroll-anchor-polyfill

1html {
2    scroll-behavior: smooth;
3}

compiles to:

1html {
2    font-family: "scroll-behavior:smooth";
3    scroll-behavior: smooth;
4}

or if all browsers in your browserslist support CSS Custom Properties:

1html {
2    --scroll-behavior: smooth;
3    scroll-behavior: smooth;
4}

Existing `font` and `font-family`

Existing font and font-family declarations are kept and smoothscroll-anchor-polyfill will still work:

👉🏻 Even though the original font declarations are kept, using html { } only for scroll-behavior and declaring your font styles on body { } is prefered.

1html {
2    scroll-behavior: smooth;
3    font-family: "Helvetica Neue";
4}
5
6/* Compiles to: */
7
8html {
9    scroll-behavior: smooth;
10    font-family: "scroll-behavior:smooth", "Helvetica Neue";
11}

1html {
2    scroll-behavior: smooth;
3    font: strong 1em/1.4 "Helvetica Neue";
4}
5
6/* Compiles to: */
7
8html {
9    scroll-behavior: smooth;
10    font: strong 1em/1.4 "Helvetica Neue";
11    font-family: "scroll-behavior:smooth", "Helvetica Neue";
12}

Installation

npm:

npm install postcss-smoothscroll-anchor-polyfill --save-dev

or yarn:

1yarn add --dev postcss-smoothscroll-anchor-polyfill

Usage

1postcss([ require('postcss-smoothscroll-anchor-polyfill') ])

See PostCSS docs for examples for your environment.

Thanks to

This PostCSS plugin is based on a fork of postcss-object-fit-images, which was built by:

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2025-06-02

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

postcss-smoothscroll-anchor-polyfill

Installations

Developer Guide

No

N/A

16.14.2

8.5.0

Score

Pull Requests

6

23

5

12

Issues

1

2

1

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

1.18 MB

108.95 kB

Maintainers

Package Meta Information

Total Downloads

1,661

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

postcss-smoothscroll-anchor-polyfill

Existing font and font-family

Installation

Usage

Thanks to

10

10

0

0

0

0

0

0

0

0

1.7

/10

Existing `font` and `font-family`