diff --git a/.stylelintignore b/.stylelintignore index 9ffc1c4a5003c6dae25f8ffcfae58985e5e25386..f4053e45e53d8c53d3b62410daec5ad5efa1040a 100644 --- a/.stylelintignore +++ b/.stylelintignore @@ -83,6 +83,7 @@ python/mozbuild/mozbuild/test/backend/data/build/foo.css # This is third-party in a way: toolkit/components/pdfjs/content/web/debugger.css +toolkit/components/pdfjs/content/web/viewer.css # Ignore web-platform tests as they are not necessarily under our control. testing/web-platform/tests/ diff --git a/.stylelintrc.js b/.stylelintrc.js index 5d36f9314aa8754c57eac0bff9715f68dff8d4e7..3dcef1e243d5b6b0ce1501de1fbbff1578dffd5a 100644 --- a/.stylelintrc.js +++ b/.stylelintrc.js @@ -54,7 +54,7 @@ module.exports = { ], "max-nesting-depth": [ - 8, + 3, { ignore: ["blockless-at-rules", "pseudo-classes"], }, diff --git a/browser/components/newtab/content-src/aboutwelcome/aboutwelcome.scss b/browser/components/newtab/content-src/aboutwelcome/aboutwelcome.scss index 44d782a8a31747db6f7f70217fd55ab424476343..43fc3805856458e427e8e5984c45fd6d34b87306 100644 --- a/browser/components/newtab/content-src/aboutwelcome/aboutwelcome.scss +++ b/browser/components/newtab/content-src/aboutwelcome/aboutwelcome.scss @@ -6,6 +6,8 @@ @import '../styles/feature-callout'; @import '../styles/shopping'; +/* stylelint-disable max-nesting-depth */ + $break-point-small: 570px; $break-point-medium: 610px; $break-point-large: 866px; diff --git a/browser/components/newtab/content-src/components/ASRouterAdmin/ASRouterAdmin.scss b/browser/components/newtab/content-src/components/ASRouterAdmin/ASRouterAdmin.scss index b095b94ef6afc53e3cde5a7667853eacdc55ab50..085196a4ee2c5857a852818f5657845efcc2a9a9 100644 --- a/browser/components/newtab/content-src/components/ASRouterAdmin/ASRouterAdmin.scss +++ b/browser/components/newtab/content-src/components/ASRouterAdmin/ASRouterAdmin.scss @@ -1,3 +1,5 @@ +/* stylelint-disable max-nesting-depth */ + .asrouter-toggle { position: fixed; top: 50px; diff --git a/browser/components/newtab/content-src/components/Card/_Card.scss b/browser/components/newtab/content-src/components/Card/_Card.scss index 0c363b52d84f732f1912606ecc99b9d328f025c9..74288ff07fe40e8b9b475661aedf7618455fe8d5 100644 --- a/browser/components/newtab/content-src/components/Card/_Card.scss +++ b/browser/components/newtab/content-src/components/Card/_Card.scss @@ -1,5 +1,7 @@ @use 'sass:math'; +/* stylelint-disable max-nesting-depth */ + .card-outer { @include context-menu-button; diff --git a/browser/components/newtab/content-src/components/CollapsibleSection/_CollapsibleSection.scss b/browser/components/newtab/content-src/components/CollapsibleSection/_CollapsibleSection.scss index 9811339b27d18a922d537b22aef4bc2e2941d161..10cc58a1b1bb00a48bd4686d43378a9489755fd0 100644 --- a/browser/components/newtab/content-src/components/CollapsibleSection/_CollapsibleSection.scss +++ b/browser/components/newtab/content-src/components/CollapsibleSection/_CollapsibleSection.scss @@ -1,3 +1,5 @@ +/* stylelint-disable max-nesting-depth */ + .collapsible-section { padding: $section-vertical-padding $section-horizontal-padding; diff --git a/browser/components/newtab/content-src/components/ContextMenu/_ContextMenu.scss b/browser/components/newtab/content-src/components/ContextMenu/_ContextMenu.scss index c0074128e696af9d2b94cb1d88217427fc50af57..e3192a944c2056078f472258dae7ae52f677b95c 100644 --- a/browser/components/newtab/content-src/components/ContextMenu/_ContextMenu.scss +++ b/browser/components/newtab/content-src/components/ContextMenu/_ContextMenu.scss @@ -1,5 +1,7 @@ @use 'sass:math'; +/* stylelint-disable max-nesting-depth */ + .context-menu { background: var(--newtab-background-color-secondary); border-radius: $context-menu-border-radius; diff --git a/browser/components/newtab/content-src/components/DiscoveryStreamComponents/Highlights/_Highlights.scss b/browser/components/newtab/content-src/components/DiscoveryStreamComponents/Highlights/_Highlights.scss index 3c5b60e946bab0abe56a8489ba7915369edd9aea..54b39524d8388c70f69015ba2f9ac5d7f7a16b27 100644 --- a/browser/components/newtab/content-src/components/DiscoveryStreamComponents/Highlights/_Highlights.scss +++ b/browser/components/newtab/content-src/components/DiscoveryStreamComponents/Highlights/_Highlights.scss @@ -1,3 +1,5 @@ +/* stylelint-disable max-nesting-depth */ + .ds-highlights { .section { .section-list { diff --git a/browser/components/newtab/content-src/components/DiscoveryStreamComponents/Navigation/_Navigation.scss b/browser/components/newtab/content-src/components/DiscoveryStreamComponents/Navigation/_Navigation.scss index f9b5e5c704335d6973de37b8f746d361a62c0f9a..0c7a158efbf14b8821aae834434584bc17aae1fe 100644 --- a/browser/components/newtab/content-src/components/DiscoveryStreamComponents/Navigation/_Navigation.scss +++ b/browser/components/newtab/content-src/components/DiscoveryStreamComponents/Navigation/_Navigation.scss @@ -1,3 +1,5 @@ +/* stylelint-disable max-nesting-depth */ + .ds-navigation { color: var(--newtab-text-primary-color); font-size: 11.5px; diff --git a/browser/components/newtab/content-src/components/DiscoveryStreamComponents/TopSites/_TopSites.scss b/browser/components/newtab/content-src/components/DiscoveryStreamComponents/TopSites/_TopSites.scss index e0c7c1a8ebd83934815c6cf2be0b445992ec01d4..4e9d6c33836fd677a04e474add200e946b0d4d1d 100644 --- a/browser/components/newtab/content-src/components/DiscoveryStreamComponents/TopSites/_TopSites.scss +++ b/browser/components/newtab/content-src/components/DiscoveryStreamComponents/TopSites/_TopSites.scss @@ -1,3 +1,5 @@ +/* stylelint-disable max-nesting-depth */ + .outer-wrapper { .ds-top-sites { .top-sites { diff --git a/browser/components/newtab/content-src/components/DiscoveryStreamComponents/TopicsWidget/_TopicsWidget.scss b/browser/components/newtab/content-src/components/DiscoveryStreamComponents/TopicsWidget/_TopicsWidget.scss index d05d46cd071a29fc33a2e8dbd09475a592880682..4f8b5740e24d5a242c1e679ee9142cddcf7963ce 100644 --- a/browser/components/newtab/content-src/components/DiscoveryStreamComponents/TopicsWidget/_TopicsWidget.scss +++ b/browser/components/newtab/content-src/components/DiscoveryStreamComponents/TopicsWidget/_TopicsWidget.scss @@ -1,3 +1,5 @@ +/* stylelint-disable max-nesting-depth */ + .ds-topics-widget { display: flex; position: relative; diff --git a/browser/components/newtab/content-src/components/TopSites/_TopSites.scss b/browser/components/newtab/content-src/components/TopSites/_TopSites.scss index b893b6b33eb895262df2acd434e5e6aa0ad10850..ee75fc1233e2834ea5fea6332778003f2109ffd5 100644 --- a/browser/components/newtab/content-src/components/TopSites/_TopSites.scss +++ b/browser/components/newtab/content-src/components/TopSites/_TopSites.scss @@ -1,5 +1,7 @@ @use 'sass:math'; +/* stylelint-disable max-nesting-depth */ + $top-sites-size: $grid-unit-small; $top-sites-border-radius: 8px; $top-sites-icon-border-radius: 4px; diff --git a/browser/components/newtab/content-src/styles/_feature-callout.scss b/browser/components/newtab/content-src/styles/_feature-callout.scss index d31ac6b394a83e4f2c527a94b445153ecb1c46f6..427912777bcc875d2d00dc2327f1033ade13606a 100644 --- a/browser/components/newtab/content-src/styles/_feature-callout.scss +++ b/browser/components/newtab/content-src/styles/_feature-callout.scss @@ -4,6 +4,8 @@ @import 'feature-callout-theme'; +/* stylelint-disable max-nesting-depth */ + #feature-callout { // See _feature-callout-theme.scss for the theme mixins and // FeatureCallout.sys.mjs for the color values diff --git a/browser/components/newtab/content-src/styles/_shopping.scss b/browser/components/newtab/content-src/styles/_shopping.scss index b0f60199b96ad7e69dea75b0c3148ef8a2b4fc6b..e9649ced5ee9ec94a7aa5d55bb254ab45ad139b8 100644 --- a/browser/components/newtab/content-src/styles/_shopping.scss +++ b/browser/components/newtab/content-src/styles/_shopping.scss @@ -2,6 +2,8 @@ // License, v. 2.0. If a copy of the MPL was not distributed with this // file, You can obtain one at http://mozilla.org/MPL/2.0/. +/* stylelint-disable max-nesting-depth */ + .onboardingContainer.shopping { height: auto; diff --git a/browser/components/pocket/content/panels/css/home.scss b/browser/components/pocket/content/panels/css/home.scss index 9780963feebfd0519dcd5e3e2cce8c0a14cd0f6f..af0849708bbb1072dce86de2b05ee41a8e25bdb9 100644 --- a/browser/components/pocket/content/panels/css/home.scss +++ b/browser/components/pocket/content/panels/css/home.scss @@ -1,3 +1,5 @@ +/* stylelint-disable max-nesting-depth */ + .pkt_ext_containerhome, .pkt_ext_wrapperhome { overflow: hidden;