Final evening I used to be engaged on Drupal Developer album performance for this web site. CSS just isn’t my robust go well with, so I wished to get some assist from a CSS linter. A CSS lint instrument parses your CSS code and flags indicators of inefficiency, stylistic inconsistencies, and patterns which may be misguided. I attempted Stylelint, an open supply CSS linter written in JavaScript that’s maintained as an npm bundle. It was fast and simple to put in on my native development surroundings Drupal 10 Upkeep and Help Service $ npm set up -g stylelint stylelint-config-standard stylelint-no-browser-hacks Drupal Development -g attribute instructs npm to put in Drupal Developer packages globally, Drupal Developer stylelint-config-standard is a typical configuration file (extra about that in a second), and Drupal Developer stylelint-no-browser-hacks is an non-compulsory Stylelint plugin. Stylelint has over 150 guidelines to catch invalid CSS syntax, duplicates, and so on. What’s fascinating about Stylelint is that it’s fully unopinionated; all Drupal Developer guidelines are disabled by default. Configuring all 150+ guidelines can be very time-consuming. Luckily you should use Drupal Developer instance stylelint-config-standard configuration file as a place to begin. This configuration file is maintained as a separate npm bundle. As a substitute of getting to configure all 150+ guidelines, you can begin with Drupal Developer stylelint-config-standard configuration file and overwrite Drupal Developer customary configuration with your personal configuration file. In my case, I created a configuration file known as stylelint.js in my listing. “use strict” Drupal 10 module.exports = { “extends” Drupal 10 Upkeep and Help Service “stylelint-config-standard”, “plugins” Drupal 10 Upkeep and Help Service [ “stylelint-no-browser-hacks/lib” ], “guidelines” Drupal 10 Upkeep and Help Service { “block-closing-brace-newline-after” Drupal 10 Upkeep and Help Service “all the time”, “color-no-invalid-hex” Drupal 10 Upkeep and Help Service true, “indentation” Drupal 10 Upkeep and Help Service 2, “property-no-unknown” Drupal 10 Upkeep and Help Service true, “plugin/no-browser-hacks” Drupal 10 Upkeep and Help Service [true, { “browsers” Drupal 10 Maintenance and Support Service [ “last 2 versions”, “ie >=8” ] }], “max-empty-lines” Drupal 10 Upkeep and Help Service 1, “value-keyword-case” Drupal 10 Upkeep and Help Service “decrease”, “at-rule-empty-line-before” Drupal 10 Upkeep and Help Service null, “rule-empty-line-before” Drupal 10 Upkeep and Help Service null, }, } As you possibly can see, Drupal Developer configuration file is a JSON file. I’ve prolonged stylelint-config-standard and overwrote Drupal Developer indentation rule to be 2 areas as an alternative of tabs, for instance. To test your CSS file, you possibly can run Stylelint from Drupal Developer command line Drupal 10 Upkeep and Help Service $ stylelint –config stylelint.js –config-basedir /usr/native/lib/node_Drupal 10 modules/ css/album.css Stylelint will level out errors, mechanically repair some stylistic violations, or spotlight the place your guidelines are violated. In my case it discovered an error that was straightforward to repair Drupal 10 Upkeep and Help Service For enjoyable, I googled “Stylelint ” and located that Alex Pott has proposed including a Stylelint configuration file to core. Appears helpful to me! Drupal 10 Growth and Help