Merge branch 'v4-dev' into yiq-function-update

assets/js/src/pwa.js

@@ -5,8 +5,23 @@
 
   if ('serviceWorker' in navigator) {
     window.addEventListener('load', function () {
-      navigator.serviceWorker.register('/sw.js').then(function (registration) {
+      navigator.serviceWorker.register('/sw.js').then(function (registration) { // eslint-disable-line compat/compat
         console.log('ServiceWorker registration successful with scope: ', registration.scope)
+        registration.onupdatefound = function () {
+          var installingWorker = registration.installing
+          installingWorker.onstatechange = function () {
+            switch (installingWorker.state) {
+              case 'installed':
+                if (navigator.serviceWorker.controller) { // eslint-disable-line compat/compat
+                  console.log('new update available')
+                  location.reload(true)
+                }
+                break
+
+              default:
+            }
+          }
+        }
       }).catch(function (err) {
         console.log('ServiceWorker registration failed: ', err)
       })

assets/scss/_ads.scss

@@ -1,4 +1,4 @@
-// scss-lint:disable ImportantRule, IdSelector
+// stylelint-disable declaration-no-important, selector-max-id
 
 //
 // Carbon ads

assets/scss/_algolia.scss

@@ -1,3 +1,5 @@
+// stylelint-disable declaration-no-important
+
 // Docsearch overrides
 //
 // `!important` indicates overridden properties.
@@ -25,7 +27,7 @@
       display: none !important;
     }
 
-    [class^=ds-dataset-] {
+    [class^="ds-dataset-"] {
       padding: 0 !important;
       overflow: visible !important;
       background-color: transparent !important;
@@ -101,7 +103,7 @@
     padding: 0 1rem .5rem !important;
     margin-top: -.25rem;
     font-size: .875rem !important;
-    font-weight: normal;
+    font-weight: 400;
     line-height: 1.25 !important;
   }
 

assets/scss/_anchor.scss

@@ -1,7 +1,5 @@
-// scss-lint:disable ImportantRule
-
 .anchorjs-link {
-  font-weight: normal;
+  font-weight: 400;
   color: rgba($link-color, .5);
   transition: color .16s linear;
 

assets/scss/_component-examples.scss

@@ -1,4 +1,4 @@
-// scss-lint:disable QualifyingElement
+// stylelint-disable selector-no-qualifying-type
 
 //
 // Grid examples
@@ -288,7 +288,8 @@
 .modal {
   z-index: 1072;
 
-  .tooltip, .popover {
+  .tooltip,
+  .popover {
     z-index: 1073;
   }
 }

assets/scss/_content.scss

@@ -1,4 +1,4 @@
-// scss-lint:disable IdSelector, NestingDepth, SelectorDepth, QualifyingElement
+// stylelint-disable selector-max-combinators, selector-max-compound-selectors, selector-max-type, selector-no-qualifying-type
 
 //
 // Automatically style Markdown-based tables like a Bootstrap `.table`.

assets/scss/_masthead.scss

@@ -1,4 +1,4 @@
-// scss-lint:disable ImportantRule
+// stylelint-disable declaration-no-important
 
 .bd-masthead {
   position: relative;

assets/scss/_page-header.scss

@@ -1,4 +1,4 @@
-// scss-lint:disable ImportantRule
+// stylelint-disable declaration-no-important
 
 .bd-pageheader {
   padding: 2rem ($grid-gutter-width / 2);
@@ -13,7 +13,7 @@
 
   h1 {
     font-size: 3rem;
-    font-weight: normal;
+    font-weight: 400;
     color: #fff;
   }
 

assets/scss/_responsive-tests.scss

@@ -1,5 +1,3 @@
-// scss-lint:disable ImportantRule
-
 //
 // Responsive tests
 //
@@ -12,6 +10,6 @@
 // Utility classes table
 .bd-table th small {
   display: block;
-  font-weight: normal;
+  font-weight: 400;
   color: #999;
 }

assets/scss/_sidebar.scss

@@ -1,4 +1,4 @@
-// scss-lint:disable VendorPrefix
+// stylelint-disable declaration-no-important
 
 //
 // Right side table of contents

assets/scss/_skiplink.scss

@@ -1,4 +1,4 @@
-// scss-lint:disable IdSelector
+// stylelint-disable selector-max-id
 
 #skippy {
   display: block;

assets/scss/_syntax.scss

@@ -1,3 +1,5 @@
+// stylelint-disable declaration-block-single-line-max-declarations
+
 .hll { background-color: #ffc; }
 .c { color: #999; }
 .k { color: #069; }
@@ -62,5 +64,15 @@
 .css .o + .nt,
 .css .nt + .nt { color: #999; }
 
-.language-bash::before { color: #009; content: "$ "; user-select: none; }
-.language-powershell::before { color: #009; content: "PM> "; user-select: none; }
+.language-bash::before,
+.language-sh::before {
+  color: #009;
+  content: "$ ";
+  user-select: none;
+}
+
+.language-powershell::before {
+  color: #009;
+  content: "PM> ";
+  user-select: none;
+}