stylelint-config-recess-order
Advanced tools
Package description
The stylelint-config-recess-order package is a shareable configuration for Stylelint that enforces property order based on the Recess style guide. It helps maintain a consistent CSS property order in your stylesheets, which can improve readability and maintainability.
Enforce Property Order
This feature enforces a specific order for CSS properties based on the Recess style guide. By extending the stylelint-config-recess-order configuration in your Stylelint configuration file, you ensure that your CSS properties are ordered consistently.
{
"extends": "stylelint-config-recess-order"
}Integration with Stylelint
This feature allows you to integrate the Recess order configuration with other Stylelint configurations. For example, you can combine it with the stylelint-config-standard to enforce both standard linting rules and property order.
{
"extends": [
"stylelint-config-standard",
"stylelint-config-recess-order"
]
}The stylelint-order package is a plugin for Stylelint that allows you to specify the order of CSS properties. It is highly customizable and can be configured to enforce any property order you prefer. Unlike stylelint-config-recess-order, which follows the Recess style guide, stylelint-order provides more flexibility in defining custom property orders.
The stylelint-config-property-sort-order-smacss package is a shareable configuration for Stylelint that enforces property order based on the SMACSS methodology. It is similar to stylelint-config-recess-order in that it provides a predefined order for CSS properties, but it follows the SMACSS guidelines instead of the Recess style guide.
Readme
A Stylelint config that sorts CSS properties the way Recess did and Bootstrap did/does.
*With some modifications & additions for modern properties.
npm install --save-dev stylelint stylelint-config-recess-order
module.exports = {
extends: ['stylelint-config-recess-order'],
rules: {
// Add overrides and additional rules here
},
}
The default setup applies only the 'order/properties-order' rule with the various property groups. If you need to configure other options for this rule,
the groups can be imported separately and the rule configured to your needs.
const propertyGroups = require('stylelint-config-recess-order/groups')
module.exports = {
extends: [], // Do not extend the config here.
rules: {
// Configure the rule manually.
'order/properties-order': propertyGroups.map((group) => ({
...group,
emptyLineBefore: 'always',
noEmptyLineBetween: true,
})),
},
}
FAQs
Recess-based property sort order for Stylelint.
The npm package stylelint-config-recess-order receives a total of 246,843 weekly downloads. As such, stylelint-config-recess-order popularity was classified as popular.
We found that stylelint-config-recess-order demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Git dependencies in open source packages can introduce significant risks, including lack of version control, stability issues, dependency drift, and difficulty in auditing, making them potential targets for supply chain attacks.
Security News
Node.js has added experimental support for TypeScript, a move that highlights the growing importance of TypeScript in modern development.
Product
Check out what's new at Socket with our Product Changelog. It tracks all public-facing updates, improvements, and fixes so you can take full advantage of our features.