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

44.7

Supply Chain

98

Quality

73.3

Maintenance

50

Vulnerability

99.3

License

Pull Requests

Open

6

Total

23

Closed

5

Merged

12

Issues

Open

1

Total

2

Closed

1

Releases

4

v2.0.2

Published on 30 Nov 2022

v2.0.1

Published on 12 Jun 2019

v2.0.0

Published on 11 Jun 2019

v1.0.0

Published on 11 Jun 2019

View all 4 releases

Contributors

6

Unable to fetch Contributors

View all 6 contributors

Languages

1

JavaScript

JavaScript (100%)

Developer

jonaskuske

Download Statistics

Total Downloads

1,567

Last Day

2

Last Week

3

Last Month

5

Last Year

138

GitHub Statistics

4 Stars

55 Commits

1 Watching

7 Branches

6 Contributors

Maintainers

1

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

7

NPM Version

8.5.0

Node Version

16.14.2

Total Downloads

Cumulative downloads

Total Downloads

1,567

Last day

0%

2

Compared to previous day

Last week

200%

3

Compared to previous week

Last month

-28.6%

5

Compared to previous month

Last year

-27%

138

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

4

caniuse-api parse-css-font postcss quote

Peer Dependencies

1

smoothscroll-anchor-polyfill

Dev Dependencies

3

ava eslint eslint-config-postcss

Versions

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

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

Code-Review

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

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

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 2024-12-23

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

Contributors

Unable to fetch Contributors

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

1,567

Daily Downloads

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`