Socket
Socket
Sign inDemoInstall

postcss-normalize-repeat-style

Package Overview
Dependencies
5
Maintainers
7
Versions
34
Alerts
File Explorer

Advanced tools

Install Socket

Protect your apps from supply chain attacks

Install

postcss-normalize-repeat-style

Convert two value syntax for repeat-style into one value.

    6.0.1latest
    GitHub
    npm

Version published
Maintainers
7
Weekly downloads
10,300,857
increased by3.76%

Weekly downloads

Package description

What is postcss-normalize-repeat-style?

The postcss-normalize-repeat-style npm package is a PostCSS plugin designed to normalize repeat styles in CSS. This includes simplifying repeat style values in background and background-image properties to use the shorthand form when possible, improving both the readability and efficiency of the CSS.

What are postcss-normalize-repeat-style's main functionalities?

Normalize repeat styles for background

This feature automatically converts longhand repeat styles for the background property into their shorthand form, making the CSS cleaner and more concise.

"background: repeat no-repeat" becomes "background: repeat-x"

Optimize background-image repeat styles

For background images with repeat styles, this plugin optimizes the declaration by merging them into a single, shorthand property, enhancing the efficiency of the CSS.

"background-image: url('image.png'); background-repeat: repeat no-repeat" becomes "background: url('image.png') repeat-x"

Other packages similar to postcss-normalize-repeat-style

Readme

Source

postcss-normalize-repeat-style

Normalize repeat styles with PostCSS.

Install

With npm do:

npm install postcss-normalize-repeat-style --save

Example

Input

h1 {
    background: url(image.jpg) repeat no-repeat
}

Output

h1 {
    background: url(image.jpg) repeat-x
}

Usage

See the PostCSS documentation for examples for your environment.

Contributors

See CONTRIBUTORS.md.

License

MIT © Ben Briggs

FAQs

Last updated on 14 Dec 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

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • 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