Huge news!Announcing our $20M Series A led by Andreessen Horowitz.Learn more
Socket
Socket
Log inDemoInstall

postcss-overflow-shorthand

Package Overview
Dependencies
5
Maintainers
2
Versions
11
Issues
File Explorer

Advanced tools

Install Socket

Protect your apps from supply chain attacks

Install

postcss-overflow-shorthand

Use the overflow shorthand in CSS

    5.0.0latest
    GitHub
    npm

Version published
Maintainers
2
Weekly downloads
6,147,444
decreased by-2.09%

Weekly downloads

Readme

Source

PostCSS Overflow Shorthand PostCSS Logo

npm version CSS Standard Status Build Status Discord

PostCSS Overflow Shorthand lets you use the overflow shorthand in CSS, following the CSS Overflow specification.

html {
	overflow: hidden auto;
}

/* becomes */

html {
	overflow-x: hidden;
	overflow-y: auto;
	overflow: hidden auto;
}

Usage

Add PostCSS Overflow Shorthand to your project:

npm install postcss postcss-overflow-shorthand --save-dev

Use it as a PostCSS plugin:

const postcss = require('postcss');
const postcssOverflowShorthand = require('postcss-overflow-shorthand');

postcss([
	postcssOverflowShorthand(/* pluginOptions */)
]).process(YOUR_CSS /*, processOptions */);

PostCSS Overflow Shorthand runs in all Node environments, with special instructions for:

Options

preserve

The preserve option determines whether the original notation is preserved. By default, it is preserved.

postcssOverflowShorthand({ preserve: false })
html {
	overflow: hidden auto;
}

/* becomes */

html {
	overflow-x: hidden;
	overflow-y: auto;
}

Keywords

FAQs

Last updated on 03 Jul 2023

Did you know?

Socket installs a GitHub app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.

Install
SocketSocket SOC 2 Logo

Product

  • Package Issues
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc