Bug 1857522 - Reduce max nesting depth to 3. r=Gijs

That still doesn't trigger on the code in comment 2, so that is a bit
confusing and needs investigation.

Differential Revision: https://phabricator.services.mozilla.com/D190310

Author: emilio

.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/

.stylelintrc.js

@@ -54,7 +54,7 @@ module.exports = {
     ],
 
     "max-nesting-depth": [
-      8,
+      3,
       {
         ignore: ["blockless-at-rules", "pseudo-classes"],
       },

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;

browser/components/newtab/content-src/components/ASRouterAdmin/ASRouterAdmin.scss

@@ -1,3 +1,5 @@
+/* stylelint-disable max-nesting-depth */
+
 .asrouter-toggle {
   position: fixed;
   top: 50px;

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;
 

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;
 

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;

browser/components/newtab/content-src/components/DiscoveryStreamComponents/Highlights/_Highlights.scss

@@ -1,3 +1,5 @@
+/* stylelint-disable max-nesting-depth */
+
 .ds-highlights {
   .section {
     .section-list {

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;

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 {

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;

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;

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

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;
 

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;