athea

Repositories Projects Packages

postcss-page-break (3.0.4)

Published 2026-02-24 14:03:16 +00:00 by atheaadmin

Installation

Setup this registry in your project .npmrc file:

registry=

To install the package using npm, run the following command:

npm install postcss-page-break@3.0.4

or add it to the package.json file:

"postcss-page-break": "3.0.4"

For more information on the npm registry, see the documentation.

About this package

postcss-page-break

PostCSS plugin to fallback break- properties with page-break- alias.

/* before */
.foo {
  break-inside: avoid;
  break-after: page;
}

/* after */
.foo {
  page-break-inside: avoid;
  break-inside: avoid;
  page-break-after: always;
  break-after: page;
}

Available fallbacks:

break-inside: auto        =>  page-break-inside: auto
break-inside: avoid       =>  page-break-inside: avoid
break-inside: avoid-page  =>  page-break-inside: avoid
break-inside: inherit     =>  page-break-inside: inherit
break-inside: initial     =>  page-break-inside: initial
break-inside: unset       =>  page-break-inside: unset

break-before: auto        =>  page-break-before: auto;
break-before: avoid       =>  page-break-before: avoid;
break-before: avoid-page  =>  page-break-before: avoid;
break-before: page        =>  page-break-before: always;
break-before: always      =>  page-break-before: always;
break-before: left        =>  page-break-before: left;
break-before: right       =>  page-break-before: right;
break-before: recto       =>  page-break-before: recto;
break-before: verso       =>  page-break-before: verso;
break-before: inherit     =>  page-break-before: inherit;
break-before: initial     =>  page-break-before: initial;
break-before: unset       =>  page-break-before: unset;

break-after: auto         =>  page-break-after: auto;
break-after: avoid        =>  page-break-after: avoid;
break-after: avoid-page   =>  page-break-after: avoid;
break-after: page         =>  page-break-after: always;
break-after: always       =>  page-break-after: always;
break-after: left         =>  page-break-after: left;
break-after: right        =>  page-break-after: right;
break-after: recto        =>  page-break-after: recto;
break-after: verso        =>  page-break-after: verso;
break-after: inherit      =>  page-break-after: inherit;
break-after: initial      =>  page-break-after: initial;
break-after: unset        =>  page-break-after: unset;

Installation

npm install --save-dev postcss postcss-page-break

Usage

postcss([ require('postcss-page-break') ])

See PostCSS docs for examples for your environment (webpack, gulp, grunt).

Dependencies

Development Dependencies

ID	Version
eslint	^7.10.0
eslint-config-google	^0.14.0
eslint-plugin-jest	^24.0.2
eslint-plugin-node	^11.1.0
eslint-plugin-security	^1.4.0
eslint-plugin-unicorn	^22.0.0
jest	^26.4.2
postcss	^8.1.0

Peer Dependencies

ID	Version
postcss	^8

Keywords

postcss css postcss-plugin break break-inside page-break-inside avoid

Details

npm

2026-02-24 14:03:16 +00:00

0

shrpne

Project Site

MIT

latest

2.5 KiB

Assets (1)

postcss-page-break-3.0.4.tgz 2.5 KiB

Versions (1) View all

3.0.4 2026-02-24