Last active
April 9, 2026 14:22
-
-
Save maxxcrawford/927e1da1cd800be438a1c35f41b1a2bc to your computer and use it in GitHub Desktop.
mach lint error output for new tab
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ## ./mach lint -l stylelint --skip-rollouts browser/extensions/newtab out put on 2026-04-09 | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/A11yLinkButton/_A11yLinkButton.scss | |
| 7:3 error var(--newtab-primary-action-background) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/ActivationWindowMessage/_ActivationWindowMessage.scss | |
| 21:5 error $searchbar-width-medium should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 25:5 error 510px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 29:5 error 720px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 45:7 error var(--image-size-small) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 46:7 error var(--image-size-small) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 81:9 error var(--image-size-medium) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 82:9 error var(--image-size-medium) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 87:7 error var(--image-size-medium) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 88:7 error var(--image-size-medium) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 94:7 error var(--image-size-large) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 95:7 error var(--image-size-large) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/Base/_Base.scss | |
| 2:3 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 23:5 error var(--newtab-primary-action-background) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 32:3 error $wrapper-default-width should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 53:5 error $wrapper-max-width-medium should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 57:5 error $wrapper-max-width-large should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 61:5 error $wrapper-max-width-widest should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 85:7 error var(--newtab-card-grid-layout-width) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 97:7 error 346px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 109:9 error 346px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 121:9 error 659px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 134:9 error 989px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 144:9 error 1311px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 148:9 error 216px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 210:3 error var(--newtab-contextual-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 252:3 error 300px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 259:5 error 904px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/Card/_Card.scss | |
| 11:3 error $card-height should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 38:5 error $shadow-card should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 62:9 error var(--newtab-primary-action-background) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 73:7 error var(--newtab-primary-action-background) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 88:5 error $card-preview-image-height should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 93:7 error 1px solid var(--newtab-card-hairline-color) should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 120:5 error 4 * $card-text-line-height + $card-title-margin should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 125:7 error 5 * $card-text-line-height + $card-title-margin should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 129:7 error 6 * $card-text-line-height + $card-title-margin should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 133:7 error 3 * $card-text-line-height should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 139:5 error var(--newtab-text-secondary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 169:5 error var(--newtab-text-secondary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 178:5 error var(--newtab-text-secondary-color) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 179:5 error 22px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 198:7 error $card-height-large should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 201:9 error $card-preview-image-height-large should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 209:9 error 6 * $line-height + $card-title-margin should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 225:11 error 3 * $line-height should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 247:5 error $card-height-compact should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 250:7 error $card-preview-image-height-compact should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 266:9 error calc(var(--font-size-small) + 5px) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 285:7 error $container-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 286:7 error $container-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 290:7 error $card-preview-image-height-compact - math.div($container-size, 2) - 1 should use a space, size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 295:9 error 1px solid var(--newtab-card-hairline-color) should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 300:9 error math.div($container-size + 2, 2) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 301:9 error $container-size + 2 should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 308:9 error $icon-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 309:9 error $icon-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 312:11 error $bookmark-icon-fill should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 316:11 error $download-icon-fill should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 320:11 error $pocket-icon-fill should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/CollapsibleSection/_CollapsibleSection.scss | |
| 24:5 error $section-title-font-size should use a font-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 27:5 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 30:7 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 32:7 error var(--newtab-text-primary-color) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 57:5 error var(--newtab-text-secondary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 62:5 error 19px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 86:7 error var(--newtab-primary-action-background) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 91:5 error $card-height should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/ConfirmDialog/_ConfirmDialog.scss | |
| 10:3 error 400px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/ContextMenu/_ContextMenu.scss | |
| 8:3 error $context-menu-shadow should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 10:3 error $context-menu-font-size should use a font-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/CustomizeMenu/_CustomizeMenu.scss | |
| 15:3 error 0 0.8px 1.6px 0 rgba(58, 57, 68, 20%) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 99:3 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 101:3 error 432px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 147:5 error $shadow-large should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 153:5 error $shadow-large should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 239:7 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 240:7 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 242:7 error $customize-menu-border-tint should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 256:7 error var(--newtab-primary-element-text-color) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 269:9 error $black should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 274:7 error var(--newtab-element-secondary-color) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 282:9 error 138px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 339:7 error var(--color-accent-primary) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 340:7 error 20px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 344:7 error var(--newtab-primary-action-background) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 361:5 error var(--link-color) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 393:3 error 1px solid var(--newtab-primary-action-background) should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 395:3 error $shadow-focus should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 403:5 error 0 0 0 2px light-dark(var(--newtab-background-color), var(--newtab-background-color-dark)) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 419:7 error 0 0 0 2px var(--color-accent-primary) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 424:7 error 0 0 0 2px var(--color-accent-primary-active) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 437:3 error 380px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamAdmin/DiscoveryStreamAdmin.scss | |
| 12:3 error 0 0.8px 1.6px 0 rgba(58, 57, 68, 20%) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 81:3 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 102:5 error 200px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 201:5 error 160px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 241:9 error 1px solid var(--newtab-background-color-secondary) should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 248:11 error 1px solid var(--newtab-background-color-secondary) should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 255:5 error 500px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 313:5 error 750px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 321:5 error $black-10 should use a background-color, size, space or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 330:7 error 18px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 331:7 error 18px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 345:5 error 18px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 346:5 error 18px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamBase/_DiscoveryStreamBase.scss | |
| 9:3 error var(--gridColumnGap) should use a space design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 10:3 error var(--gridRowGap) should use a space design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 34:5 error var(--gridRowGap) should use a space design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 54:3 error var(--newtab-contextual-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 55:3 error $section-title-font-size should use a font-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 63:5 error var(--newtab-text-secondary-color) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 75:7 error var(--newtab-primary-action-background) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/AdBanner/_AdBanner.scss | |
| 32:5 error var(--billboard-container-width) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 40:5 error var(--leaderboard-container-width) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 94:7 error var(--leaderboard-container-width) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 97:9 error var(--leaderboard-height) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 98:9 error var(--leaderboard-width) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 102:9 error var(--leaderboard-container-width) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 106:9 error var(--leaderboard-width) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 115:7 error var(--billboard-container-width) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 118:9 error var(--billboard-height) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 119:9 error var(--billboard-width) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 123:9 error var(--billboard-container-width) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 127:9 error var(--billboard-width) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 136:7 error 32px should use a size or icon-size design token. Suggested value: var(--size-item-large). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 142:9 error var(--newtab-contextual-text-secondary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/AdBannerContextMenu/AdBannerContextMenu.scss | |
| 15:5 error calc(-0.98 * var(--size-item-large)) should use a space design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/CardGrid/_CardGrid.scss | |
| 7:5 error $shadow-card should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 18:5 error 160px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 84:9 error 247px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 95:11 error var(--newtab-text-secondary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 111:11 error 14px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 112:11 error 14px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 201:7 error $shadow-card should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 236:7 error var(--newtab-primary-action-background) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 245:9 error var(--newtab-primary-element-active-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/CardSections/_CardSections.scss | |
| 42:5 error 125px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 46:7 error 150px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 59:7 error 150px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 73:5 error 32px should use a size or icon-size design token. Suggested value: var(--size-item-large). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 74:5 error 32px should use a size or icon-size design token. Suggested value: var(--size-item-large). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 88:5 error 110px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 89:5 error 117px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 140:7 error var(--nova-small-card-image-width) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 141:7 error var(--nova-small-card-image-height) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 150:7 error calc(var(--nova-small-card-image-height) + var(--space-xxsmall)) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 193:5 error 160px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 203:7 error 250px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 233:7 error 28px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 253:5 error 32px should use a size or icon-size design token. Suggested value: var(--size-item-large). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 254:5 error 32px should use a size or icon-size design token. Suggested value: var(--size-item-large). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 301:7 error 79px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 353:9 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 360:11 error 334px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 363:13 error 245px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 402:9 error 190px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 403:9 error 250px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 418:9 error 220px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 434:11 error 380px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 478:9 error var(--nova-large-card-image-width) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 479:9 error var(--nova-large-card-image-height) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 498:11 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 550:7 error 346px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 558:9 error 346px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 566:9 error 659px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 574:9 error 975px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 584:9 error 1290px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 588:9 error 216px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 619:7 error var(--newtab-contextual-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 630:7 error var(--newtab-contextual-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 800:11 error 150px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 804:11 error 150px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 864:11 error 150px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 928:11 error 150px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 932:11 error 150px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/DSCard/_DSCard.scss | |
| 20:5 error 0 2px 6px rgba(0, 0, 0, 15%) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 32:7 error 150px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 45:7 error 20px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 50:7 error 60px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 106:5 error 50% should use a space design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 108:5 error $black-40 should use a background-color, size, space or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 159:7 error 2px solid var(--newtab-button-focus-border) should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 189:7 error var(--newtab-primary-action-background) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 195:7 error var(--newtab-primary-element-active-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 204:7 error $shadow-image-inset should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 227:5 error light-dark(#F0F0F4, var(--newtab-background-color-secondary)) should use a background-color, size, space or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 229:5 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 241:5 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 272:7 error var(--newtab-text-secondary-text) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 320:5 error 47% should use a space design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 338:7 error 52.4% should use a space design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 367:7 error 97px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 368:7 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 383:7 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 389:5 error $header-font-size should use a font-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 390:5 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 394:5 error $excerpt-font-size should use a font-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 395:5 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 406:5 error 0 2px 6px #15141A24 should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 414:7 error 0 1px 2px 0 rgba(58, 57, 68, 20%) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 420:9 error 0 2px 14px 0 var(--newtab-section-card-box-shadow-color) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 485:9 error 28px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 499:7 error 28px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 507:7 error 28px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 509:7 error var(--newtab-text-topic-label-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 536:7 error 83.4% should use a space design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 540:7 error 83.4% should use a space design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 610:5 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 629:7 error min(170px, 100%) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 685:7 error var(--color-accent-primary) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 694:9 error var(--button-text-color-ghost-hover) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 703:7 error 2px solid var(--newtab-button-focus-border) should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/DSCard/nova/_DSCard.scss | |
| 66:5 error 72px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 118:7 error 3px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 119:7 error 3px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/DSContextFooter/_DSContextFooter.scss | |
| 2:3 error var(--newtab-text-secondary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 18:5 error var(--newtab-text-secondary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 24:5 error 24px should use a size or icon-size design token. Suggested value: var(--size-item-medium). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 27:7 error var(--newtab-text-secondary-color) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 28:7 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 37:7 error var(--newtab-text-secondary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 61:9 error var(--newtab-status-success) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 62:9 error var(--newtab-status-success) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 66:9 error var(--newtab-text-secondary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 67:9 error var(--newtab-text-secondary-color) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/DSEmptyState/_DSEmptyState.scss | |
| 5:3 error $card-height-compact should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 9:5 error 936px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 13:5 error var(--newtab-text-secondary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 17:5 error 936px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 26:5 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 47:7 error 20px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 48:7 error 20px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 63:7 error transparent should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/DSImage/_DSImage.scss | |
| 28:5 error var(--placeholderBackgroundColor) should use a background-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 44:7 error var(--placeholderBackgroundOffsetx) should use a space design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 45:7 error var(--placeholderBackgroundOffsety) should use a space design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 46:7 error var(--placeholderBackgroundScale) should use a size, space or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/FeatureHighlight/_DownloadMobilePromoHighlight.scss | |
| 33:5 error 271px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 54:7 error calc(var(--arrow-size) * -2) should use a space, size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 63:7 error calc(calc(calc(var(--arrow-size) / 2) * -1) - 6px) should use a space, size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 72:7 error var(--arrow-size) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 73:7 error var(--arrow-size) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 74:7 error 4px -4px 6px -2px rgba(0, 0, 0, 15%) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/FeatureHighlight/_FeatureHighlight.scss | |
| 17:5 error 0 2px 6px rgba(0, 0, 0, 15%) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 18:5 error 298px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 44:7 error 24px should use a size or icon-size design token. Suggested value: var(--size-item-medium). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 45:7 error 24px should use a size or icon-size design token. Suggested value: var(--size-item-medium). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 47:7 error 4px 4px 6px -2px rgba(0, 0, 0, 15%) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 107:9 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 108:9 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 110:9 error -4px 4px 6px -2px rgba(0, 0, 0, 15%) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 122:9 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 123:9 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 125:9 error 4px 4px 6px -2px rgba(0, 0, 0, 15%) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 135:9 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 136:9 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 146:9 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 147:9 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/FeatureHighlight/_WallpaperFeatureHighlight.scss | |
| 26:9 error calc(calc(var(--arrow-size) / 2) * -1) should use a space, size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 65:7 error var(--arrow-size) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 66:7 error var(--arrow-size) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 67:7 error 4px -4px 6px -2px rgba(0, 0, 0, 15%) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/Highlights/_Highlights.scss | |
| 6:7 error var(--gridRowGap) should use a space design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 20:9 error 175px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 35:11 error $line-height should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/InterestPicker/_InterestPicker.scss | |
| 10:5 error var(--newtab-contextual-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 53:7 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 63:9 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 79:9 error var(--color-accent-primary) should use a background-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/Navigation/_Navigation.scss | |
| 4:3 error var(--newtab-contextual-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 49:9 error var(--newtab-primary-element-active-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 105:9 error 20px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 106:9 error 20px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 116:9 error $pocket-icon-fill should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/PersonalizedCard/_PersonalizedCard.scss | |
| 29:7 error 200px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 30:7 error 200px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 57:9 error 100px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 72:9 error 130px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 87:9 error 210px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 102:9 error 100px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 115:9 error 400px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 139:9 error 200px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 143:9 error 300px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/PromoCard/_PromoCard.scss | |
| 8:3 error 298px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 9:3 error 228px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 15:5 error var(--font-size-medium) should use a font-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 52:5 error 132px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 53:5 error 196px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/ReportContent/ReportContent.scss | |
| 2:3 error 500px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 3:3 error 270px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 21:5 error $black-25 should use a background-color, size, space or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/SectionTitle/_SectionTitle.scss | |
| 6:5 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 13:5 error var(--newtab-text-secondary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/TopSites/_TopSites.scss | |
| 50:9 error var(--leftPanelIconWidth) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 51:9 error var(--leftPanelIconWidth) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 55:9 error var(--leftPanelIconWidth) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 79:9 error var(--rightPanelIconWidth) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 80:9 error var(--rightPanelIconWidth) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 84:9 error var(--rightPanelIconWidth) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/TopicSelection/_TopicSelection.scss | |
| 8:3 error 745px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 115:7 error 42px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 116:7 error 42px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 137:9 error var(--color-accent-primary) should use a background-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 145:11 error var(--color-white) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 151:11 error 26px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 152:11 error 26px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/TopicsWidget/_TopicsWidget.scss | |
| 15:5 error var(--border-color-deemphasized) should use a background-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 41:11 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 50:13 error 0 0 0 3px var(--newtab-primary-action-background-dimmed), 0 0 0 1px var(--newtab-primary-action-background) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 85:7 error 0 0 0 3px var(--newtab-primary-action-background-pocket-dimmed), 0 0 0 1px var(--newtab-primary-action-background-pocket) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/DownloadModalToggle/_DownloadModalToggle.scss | |
| 3:3 error 55px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 9:7 error 74px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 46:3 error 32px should use a size or icon-size design token. Suggested value: var(--size-item-large). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 47:3 error 32px should use a size or icon-size design token. Suggested value: var(--size-item-large). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/ErrorBoundary/_ErrorBoundary.scss | |
| 4:3 error inset $inner-box-shadow should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 5:3 error var(--newtab-text-secondary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 17:5 error var(--newtab-text-secondary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/Logo/_Logo.scss | |
| 53:5 error $logo-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 54:5 error $logo-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 56:5 error $logo-size should use a size, space or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 61:5 error $wordmark-size should use a size, space or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 64:5 error var(--newtab-wordmark-color) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 65:5 error $logo-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 67:5 error $wordmark-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 80:9 error $logo-size-small should use a size, space or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 81:9 error $logo-size-small should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 82:9 error $logo-size-small should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 86:9 error $wordmark-small-size should use a size, space or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 87:9 error $logo-size-small should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 88:9 error $wordmark-small-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/MoreRecommendations/_MoreRecommendations.scss | |
| 14:5 error var(--newtab-primary-action-background) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 15:5 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/Search/_Search.scss | |
| 41:5 error $search-height-new should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 44:5 error 304px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 47:7 error $searchbar-width-medium should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 51:7 error 510px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 55:7 error 720px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 72:9 error var(--newtab-wordmark-color) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 140:5 error 200px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 143:7 error 300px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 147:7 error 350px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 151:7 error 410px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 155:7 error 584px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 159:7 error 720px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 168:9 error 497px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 173:9 error 720px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 179:5 error 52px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 180:5 error 52px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 186:5 error 52px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 205:7 error $search-header-bar-height should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 215:9 error $search-height should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/Sections/_Sections.scss | |
| 37:5 error $card-height should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 42:7 error 350px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 45:9 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 53:7 error $card-height-large should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 59:3 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 66:5 error var(--newtab-primary-action-background) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/TopSites/_TopSites.scss | |
| 28:7 error color-mix(in srgb, var(--button-text-color-hover) 14%, transparent) should use a background-color, size, space or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 31:9 error 0 2px 8px 0 var(--newtab-section-card-box-shadow-color) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 40:9 error color-mix(in srgb, var(--button-text-color-hover) 14%, transparent) should use a background-color, size, space or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 172:3 error 120px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 222:5 error $shadow-card should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 232:5 error var(--newtab-contextual-text-secondary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 237:7 error $default-icon-wrapper-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 238:7 error $default-icon-wrapper-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 271:5 error var(--newtab-button-text) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 335:5 error var(--newtab-contextual-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 347:7 error var(--newtab-contextual-text-secondary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 382:5 error $default-icon-size should use a size, space or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 383:5 error $default-icon-wrapper-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 384:5 error $default-icon-wrapper-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 401:5 error var(--newtab-primary-element-text-color) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 402:5 error $shadow-card should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 408:5 error 32px should use a size or icon-size design token. Suggested value: var(--size-item-large). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 409:5 error 32px should use a size or icon-size design token. Suggested value: var(--size-item-large). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 411:5 error -$default-icon-offset should use a space, size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 412:5 error -$default-icon-offset should use a space, size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 417:7 error $shadow-card should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 430:9 error 20px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 431:9 error 20px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 447:7 error $white should use a background-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 487:7 error $wrapper-max-width-medium should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 491:7 error $wrapper-max-width-large should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 506:5 error $form-width + 3 * $form-spacing + $rich-icon-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 516:5 error 700px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 541:5 error $section-title-font-size should use a font-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 584:9 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 585:9 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 604:9 error 960px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 605:9 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 607:9 error var(--newtab-primary-action-background) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 623:9 error 32px should use a size or icon-size design token. Suggested value: var(--size-item-large). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 639:11 error $input-error-boxshadow should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 648:7 error $white should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 660:9 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 667:9 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 696:5 error -9999px should use a space, size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 715:5 error 21px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 719:5 error 21px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 733:5 error 21px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 737:5 error 21px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 739:5 error var(--newtab-primary-action-background) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 751:7 error $shadow-focus should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 767:5 error 1px dotted var(--newtab-primary-action-background) should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 789:9 error 2lh should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 790:9 error 100px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 796:9 error 1lh should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/WallpaperCategories/_WallpaperCategories.scss | |
| 52:3 error 1rem should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 64:3 error $shadow-secondary should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 66:3 error 86px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 74:5 error inset 0 0 0 3px var(--color-accent-primary) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 78:5 error 2px dashed var(--border-color-default, #CFCFD8) should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 96:7 error var(--focus-outline-color) should use a border-color, border or outline design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 129:3 error 2px dashed var(--border-color-default, #CFCFD8) should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 137:7 error var(--focus-outline-color) should use a border-color, border or outline design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 173:7 error #FBFBFE should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 221:5 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 233:5 error var(--wallpaper-panel-width) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 256:7 error calc(100% - var(--wallpaper-panel-width)) should use a space, size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 295:3 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/Weather/_Weather.scss | |
| 48:3 error 240px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 49:3 error 98px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 58:5 error 80px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 70:5 error 45px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 81:5 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 172:3 error 52px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 173:3 error 205px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 250:3 error var(--newtab-weather-sponsor-font-size) should use a font-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 251:3 error var(--newtab-contextual-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 276:5 error 332px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 281:7 error var(--button-icon-fill) should use a background-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 333:5 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 334:5 error 16px should use a size or icon-size design token. Suggested value: var(--size-item-small). This may be fixable by running the same command again with --fix. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 337:5 error 4px 4px 6px -2px var(--card-box-shadow, var(--box-shadow-card)) should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 357:3 error var(--background-color-ghost) should use a background-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 401:3 error 130px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 402:3 error 190px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 459:3 error 50px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 466:5 error calc(100% - 20px) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 559:3 error 90px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 688:3 error light-dark(var(--color-white), var(--newtab-background-color-secondary)) should use a background-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 689:3 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 736:5 error light-dark(var(--color-white), var(--newtab-background-color-secondary)) should use a background-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 780:5 error 55px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 788:7 error 130px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 789:7 error 190px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/Widgets/FocusTimer/_FocusTimer.scss | |
| 20:5 error var(--newtab-card-grid-layout-width) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 21:5 error var(--newtab-card-height) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 25:7 error var(--newtab-card-width-medium) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 114:5 error 114px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 115:5 error 114px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 122:3 error 138px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 124:3 error 138px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 141:5 error var(--border-color-interactive) should use a background-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/Widgets/Lists/_Lists.scss | |
| 17:5 error var(--newtab-card-grid-layout-width) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 18:5 error var(--newtab-card-height) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 22:7 error var(--newtab-card-width-medium) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 87:9 error var(--text-color-disabled) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 107:9 error var(--newtab-text-primary-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 130:5 error 165px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 171:9 error 180px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 220:7 error 180px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/Widgets/WeatherForecast/WeatherForecast.scss | |
| 17:5 error var(--newtab-card-grid-layout-width) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 18:5 error var(--newtab-card-height) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 22:7 error var(--newtab-card-width-medium) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 85:7 error var(--newtab-primary-action-background) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/components/Widgets/_Widgets.scss | |
| 134:9 error calc(var(--widgets-max-cols) * var(--widgets-card-width) + (var(--widgets-max-cols) - 1) * var(--widgets-grid-gap)) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 146:7 error var(--widgets-small-card-height) should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 217:5 error 370px should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/styles/_icons.scss | |
| 4:3 error $icon-size should use a size, space or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 9:3 error $icon-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 11:3 error $icon-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 23:5 error var(--newtab-text-secondary-color) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 28:7 error var(--newtab-text-primary-color) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 56:5 error $larger-icon-size should use a size, space or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 57:5 error $larger-icon-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 58:5 error $larger-icon-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 150:5 error $smaller-icon-size should use a size, space or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 151:5 error $smaller-icon-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 152:5 error $smaller-icon-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 193:5 error $smaller-icon-size should use a size, space or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 194:5 error $smaller-icon-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 195:5 error $smaller-icon-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 200:5 error $smaller-icon-size should use a size, space or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 201:5 error $smaller-icon-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 202:5 error $smaller-icon-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/styles/_mixins.scss | |
| 10:3 error $shadow-image-inset should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 16:3 error $font-size should use a font-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 31:5 error 1px solid $grey-60 should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 34:3 error 1px solid $grey-30 should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 41:5 error 1px solid $grey-60 should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 44:3 error 1px solid $grey-30 should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 48:3 error 0 0 0 5px $halo-color should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 73:7 error 1px solid #{$color} should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/styles/_variables.scss | |
| 177:3 error inset $inner-box-shadow, $shadow-primary should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 182:3 error $shadow-primary should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 203:5 error var(--newtab-button-text) should use an icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 204:5 error $context-menu-button-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 212:5 error $context-menu-button-size should use a size or icon-size design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 224:7 error var(--newtab-button-focus-border) should use a border-color, border or outline design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/styles/activity-stream.scss | |
| 37:3 error var(--newtab-wallpaper-backgroundPosition) should use a size or space design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 106:5 error $shadow-primary should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 121:5 error solid 1px var(--newtab-primary-action-background) should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 122:5 error var(--newtab-primary-element-text-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| /Users/maxx/src/firefox/browser/extensions/newtab/content-src/styles/nova/activity-stream.scss | |
| 39:3 error var(--newtab-wallpaper-backgroundPosition) should use a size or space design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 108:5 error $shadow-primary should use a box-shadow design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 123:5 error solid 1px var(--newtab-primary-action-background) should use a border-color, border, outline or border-width design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| 124:5 error var(--newtab-primary-element-text-color) should use a text-color or icon-color design token. stylelint-plugin-mozilla/use-design-tokens (stylelint) | |
| ✖ 509 problems (509 errors, 1 warning, 0 fixed) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ┌───────────────────────────────────────────────────────┬───────┬────────────────────────────────────────────────────────────────┐ | |
| │ Category │ Count │ Example values │ | |
| ├───────────────────────────────────────────────────────┼───────┼────────────────────────────────────────────────────────────────┤ | |
| │ Size / dimension (size, icon-size, size or space, │ ~311 │ hardcoded px values, SCSS size vars, CSS custom props like │ | |
| │ size/space/icon-size) │ │ var(--image-size-small) │ | |
| ├───────────────────────────────────────────────────────┼───────┼────────────────────────────────────────────────────────────────┤ | |
| │ Color (text-color or icon-color, icon-color) │ ~94 │ var(--newtab-text-primary-color), │ | |
| │ │ │ var(--newtab-primary-action-background), $bookmark-icon-fill │ | |
| ├───────────────────────────────────────────────────────┼───────┼────────────────────────────────────────────────────────────────┤ | |
| │ Box shadow │ ~41 │ $shadow-card, 0 2px 6px rgba(...), $shadow-large │ | |
| ├───────────────────────────────────────────────────────┼───────┼────────────────────────────────────────────────────────────────┤ | |
| │ Border (border-color, border, outline, border-width) │ ~21 │ 1px solid var(--newtab-card-hairline-color), 2px dashed ... │ | |
| ├───────────────────────────────────────────────────────┼───────┼────────────────────────────────────────────────────────────────┤ | |
| │ Background color (background-color, or │ ~15 │ $black-40, light-dark(...), var(--border-color-deemphasized) │ | |
| │ background-color/size/space/icon-size) │ │ │ | |
| ├───────────────────────────────────────────────────────┼───────┼────────────────────────────────────────────────────────────────┤ | |
| │ Space │ ~12 │ var(--gridColumnGap), 50%, 83.4% │ | |
| ├───────────────────────────────────────────────────────┼───────┼────────────────────────────────────────────────────────────────┤ | |
| │ Font size │ ~9 │ $section-title-font-size, $context-menu-font-size, │ | |
| │ │ │ var(--font-size-medium) │ | |
| ├───────────────────────────────────────────────────────┼───────┼────────────────────────────────────────────────────────────────┤ | |
| │ Total │ ~503* │ │ | |
| └───────────────────────────────────────────────────────┴───────┴────────────────────────────────────────────────────────────────┘ | |
| *Minor undercounting (~6) from manual pass. | |
| Key observations: | |
| - Size/dimension errors dominate (~61%) — mostly hardcoded pixel values and legacy SCSS variables throughout layout/sizing code | |
| - Color errors (~18%) — heavy use of --newtab-* custom properties that predate the design token system | |
| - The files with the most errors are _TopSites.scss (~50), _CardSections.scss (~39), _DSCard.scss (~37), and _Card.scss (~32) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment