From dcc26c1b2484848d5b7c3c1a56cfe38b37e83d23 Mon Sep 17 00:00:00 2001 From: diondiondion Date: Fri, 8 May 2026 16:24:02 +0200 Subject: [PATCH] Stylelint: Allow leading underscore in CSS variable names (#38966) --- .../mastodon/components/number_fields/styles.module.scss | 4 ++-- stylelint.config.js | 7 +++++++ 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/app/javascript/mastodon/components/number_fields/styles.module.scss b/app/javascript/mastodon/components/number_fields/styles.module.scss index d4e8bd9c304..cfe6de5c527 100644 --- a/app/javascript/mastodon/components/number_fields/styles.module.scss +++ b/app/javascript/mastodon/components/number_fields/styles.module.scss @@ -1,11 +1,11 @@ .list { - --item-gap: var(--number-fields-gap, 24px); + --_item-gap: var(--number-fields-gap, 24px); display: flex; flex-wrap: wrap; margin: 0; padding: 0; - gap: 4px var(--item-gap); + gap: 4px var(--_item-gap); font-size: 13px; color: var(--color-text-secondary); } diff --git a/stylelint.config.js b/stylelint.config.js index 10a2f1cd555..7f13399587a 100644 --- a/stylelint.config.js +++ b/stylelint.config.js @@ -24,6 +24,13 @@ module.exports = { 'selector-id-pattern': null, 'value-keyword-case': null, 'value-no-vendor-prefix': null, + 'custom-property-pattern': [ + '^_?[a-z]([a-z0-9])*(-[a-z0-9]+)*$', + { + message: (name) => + `Expected custom property name "${name}" to be kebab-case (optional leading underscore allowed)`, + }, + ], 'scss/dollar-variable-empty-line-before': null, 'scss/no-global-function-names': null,