jss-plugin-props-sort

What is jss-plugin-props-sort?

The jss-plugin-props-sort npm package is a plugin for JSS (JavaScript Style Sheets) that allows for sorting CSS properties in a predefined order. This can help in maintaining a consistent style in the stylesheet code, making it easier to read and manage.

What are jss-plugin-props-sort's main functionalities?

Sorting CSS properties

This feature allows developers to automatically sort CSS properties in their JSS stylesheets. The code sample demonstrates how to create a stylesheet with unsorted properties and apply the jss-plugin-props-sort to sort them according to a specific order.

{
  jss.createStyleSheet({
    button: {
      color: 'blue',
      margin: 5,
      background: 'red',
      border: '1px solid black'
    }
  }, {
    plugins: [jssPluginPropsSort()]
  }).attach();
}

Other packages similar to jss-plugin-props-sort

postcss-sorting

postcss-sorting is a PostCSS plugin that automatically sorts CSS properties, similar to jss-plugin-props-sort but for CSS files processed through PostCSS. It offers more customization options for sorting orders and groups.

stylelint-order

stylelint-order is a plugin for Stylelint that checks the order of CSS properties. Unlike jss-plugin-props-sort, which automatically sorts properties, stylelint-order is used to lint CSS and warn developers about property order issues.

README

jss-plugin-props-sort

JSS plugin that ensures style properties extend each other instead of override

See our website jss-plugin-props-sort for more information.

Install

Using npm:

npm install jss-plugin-props-sort

or using yarn:

yarn add jss-plugin-props-sort

Changelog

10.10.0 (2023-2-9)

Improvements

• [jss] Added support for @container query 1637