Fix Eslint errors for all css and js file

Author: rakeshAlgo

src/css/base.css

@@ -34,6 +34,7 @@ a:hover {
   text-decoration: underline;
   color: var(--color-link-hover);
 }
+
 a:active {
   color: var(--color-link-active);
 }
@@ -60,7 +61,6 @@ kbd,
 pre {
   /* font-family: "Roboto Mono", monospace; */
   font-family: "Source Sans Pro", sans-serif;
-
 }
 
 code {
@@ -94,42 +94,41 @@ small {
   margin: 0 auto;
 } */
 
-
 /* checkbox css  */
 
 /* Base for label styling */
 
- [type="checkbox"]:not(:checked),
- [type="checkbox"]:checked {
+[type="checkbox"]:not(:checked),
+[type="checkbox"]:checked {
   position: absolute;
   left: -9999px;
 }
 
- [type="checkbox"]:not(:checked) + label,
- [type="checkbox"]:checked + label {
+[type="checkbox"]:not(:checked) + label,
+[type="checkbox"]:checked + label {
   position: relative;
   padding-left: 2rem;
   cursor: pointer;
   display: inline-block;
 }
 
 /* checkbox aspect */
- [type="checkbox"]:not(:checked) + label::before,
- [type="checkbox"]:checked + label::before {
+[type="checkbox"]:not(:checked) + label::before,
+[type="checkbox"]:checked + label::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 25px;
   height: 25px;
   border: 1px solid var(--checkbox-border-color);
-  background: #F9F9F9;
+  background: #f9f9f9;
   border-radius: 3px;
   display: inline-block;
 }
 /* checked mark aspect */
- [type="checkbox"]:not(:checked) + label::after,
- [type="checkbox"]:checked + label::after {
+[type="checkbox"]:not(:checked) + label::after,
+[type="checkbox"]:checked + label::after {
   content: "\2713\0020";
   position: absolute;
   top: 0;
@@ -147,47 +146,46 @@ small {
   border-radius: 3px;
 }
 /* checked mark aspect changes */
- [type="checkbox"]:not(:checked) + label::after {
+[type="checkbox"]:not(:checked) + label::after {
   opacity: 0;
   transform: scale(0);
 }
 
- [type="checkbox"]:checked + label::after,
- .active[type="checkbox"] + label::after {
+[type="checkbox"]:checked + label::after,
+.active[type="checkbox"] + label::after {
   opacity: 1;
   transform: scale(1);
 }
 /* disabled checkbox */
- [type="checkbox"]:disabled:not(:checked) + label::before,
- [type="checkbox"]:disabled:checked + label::before {
+[type="checkbox"]:disabled:not(:checked) + label::before,
+[type="checkbox"]:disabled:checked + label::before {
   box-shadow: none;
   border-color: #bbb;
   background-color: #ddd;
 }
 
- [type="checkbox"]:disabled:checked + label::after {
+[type="checkbox"]:disabled:checked + label::after {
   color: #999;
 }
 
- [type="checkbox"]:disabled + label {
+[type="checkbox"]:disabled + label {
   color: #aaa;
 }
 
- label:hover::before {
+label:hover::before {
   border: 2px solid var(--color-brand-blue);
   outline: none;
 }
 
- label,
- label:focus,
- label:active,
- label::before,
- label::after {
+label,
+label:focus,
+label:active,
+label::before,
+label::after {
   outline: none;
   outline-width: 0;
 }
 
-
 /* Responsive css */
 @media screen and (min-width: 1024px) {
   .container-fluid {

src/css/clipboard.css

@@ -12,7 +12,8 @@
   z-index: 1;
 }
 
-a.copy-code-button:focus, a.copy-code-button:hover{
+a.copy-code-button:focus,
+a.copy-code-button:hover {
   color: var(--color-brand-gray4);
 }
 
@@ -34,7 +35,7 @@ a.copy-code-button:focus, a.copy-code-button:hover{
   margin: auto;
   padding: 5px;
   text-align: center;
-  box-shadow: 0px 3px 6px #0000001A;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
   background: var(--color-brand-white);
   border: 1px solid var(--color-brand-gray7);
   box-sizing: border-box;

src/css/doc.css

@@ -81,8 +81,9 @@
 .doc h4 a.anchor::before,
 .doc h5 a.anchor::before,
 .doc h6 a.anchor::before {
-  content: "\f0c1";
-  font-family: "Font Awesome 5 Free"; font-weight: 900;
+  content: '\f0c1';
+  font-family: 'Font Awesome 5 Free', sans-serif;
+  font-weight: 900;
 }
 
 .doc h1:hover a.anchor,
@@ -224,7 +225,7 @@
   display: flex;
   border: 1px solid var(--color-brand-gray8);
   border-radius: 3px;
-  box-shadow: 0px 3px 10px rgba(0,0,0,0.06);
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
 }
 
 .doc .admonitionblock td.icon {
@@ -265,10 +266,6 @@
   display: table;
 }
 
-.doc .admonitionblock td.content::before {
-  font-weight: var(--weight-bold);
-}
-
 .doc .admonitionblock.caution > table {
   background-color: transparent;
 }
@@ -279,7 +276,6 @@
 
 .doc .admonitionblock.caution td.content::before {
   content: "Caution: ";
-
 }
 
 .doc .admonitionblock.caution tr {
@@ -312,7 +308,6 @@
 
 .doc .admonitionblock.note td.content::before {
   content: "Note: ";
-
 }
 
 .doc .admonitionblock.note tr {
@@ -326,14 +321,15 @@
 .doc .admonitionblock.tip td.icon i::before {
   background-image: url(../img/tip.svg);
 }
-.doc .admonitionblock td.content::before{
+
+.doc .admonitionblock td.content::before {
   color: var(--color-brand-black);
   font-size: var(--font-base);
+  font-weight: var(--weight-bold);
 }
 
 .doc .admonitionblock.tip td.content::before {
   content: "Tip: ";
-
 }
 
 .doc .admonitionblock.tip tr {
@@ -350,7 +346,6 @@
 
 .doc .admonitionblock.warning td.content::before {
   content: "Warning: ";
-
 }
 
 .doc .admonitionblock.warning tr {
@@ -364,10 +359,10 @@
 .doc .imageblock {
   display: flex;
   flex-direction: column;
-  border:1px solid var(--color-brand-gray8);
+  border: 1px solid var(--color-brand-gray8);
   padding: var(--base-space);
   /* padding-left: var(--base-space); */
-  box-shadow: 0px 3px 10px rgba(0,0,0,0.06);
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
   border-radius: 5px;
 }
 
@@ -493,15 +488,14 @@
   padding-right: var(--base-small-space);
   padding-top: var(--base-large-space);
   padding-bottom: var(--base-large-space);
-
   white-space: pre-wrap;
   /* NOTE enable these styles if side-to-side scrolling is preferred */
   /*
   overflow-wrap: normal;
   word-wrap: normal;
   overflow-x: auto;
   */
-  background: #0074E00E;
+  background: #0074e00e;
   border: 1px solid var(--color-brand-gray8);
   border-radius: 3px;
   position: relative;
@@ -525,13 +519,15 @@
   position: relative;
 }
 
-.doc pre.highlight .hljs-attr{
-    color: var(--hljs-attr);
+.doc pre.highlight .hljs-attr {
+  color: var(--hljs-attr);
 }
-.doc pre.highlight .hljs-string{
+
+.doc pre.highlight .hljs-string {
   color: var(--hljs-string);
 }
-.doc pre.highlight .hljs-number{
+
+.doc pre.highlight .hljs-number {
   color: var(--hljs-number);
 }
 
@@ -580,17 +576,26 @@
 }
 
 .doc .listingblock pre .fade-shadow {
-  content: '';
+  content: "";
   display: inline-block;
-  background: transparent linear-gradient(180deg, #F1F7FE0D 0%, #F1F7FE40 18%, #F1F7FE 68%, #F1F7FE 100%) 0% 0% no-repeat padding-box;
+  background:
+    transparent
+    linear-gradient(
+      180deg,
+      #f1f7fe0d 0%,
+      #f1f7fe40 18%,
+      #f1f7fe 68%,
+      #f1f7fe 100%
+    )
+    0% 0% no-repeat padding-box;
   width: 65px;
   height: 80%;
   position: absolute;
   right: 0;
   top: 0;
 }
 
-code.language-console.hljs.shell{
+code.language-console.hljs.shell {
   white-space: nowrap;
   overflow-x: auto;
 }
@@ -771,7 +776,7 @@ code.language-console.hljs.shell{
 }
 
 .doc .tabset {
-  box-shadow: 0px 3px 10px #0000000F;
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
   padding: var(--base-space);
   border-radius: 8px;
   border: 1px solid var(--color-brand-gray8);
@@ -800,7 +805,6 @@ code.language-console.hljs.shell{
   font-weight: var(--weight-semibold);
   height: 2.5rem;
   line-height: 1;
-  /* margin-right: 0.25rem; */
   padding: 0;
   position: relative;
   margin-right: var(--base-space);
@@ -809,7 +813,8 @@ code.language-console.hljs.shell{
 .doc .tabs li + li {
   margin-top: 0;
 }
-.doc .tabs li:last-child{
+
+.doc .tabs li:last-child {
   margin-right: 0;
 }
 

src/css/labels.css

@@ -24,6 +24,7 @@
   line-height: var(--labels-line-height);
   font-family: "Source Sans Pro", sans-serif;
 }
+
 .doc .labels li:first-child::before {
   content: "";
   display: block;
@@ -74,21 +75,21 @@
 
 .doc span.edition {
   color: var(--color-brand-blue-secondary);
-  border:1px solid var(--color-brand-blue-secondary);
+  border: 1px solid var(--color-brand-blue-secondary);
   border-radius: 3px;
   opacity: 0.6;
 }
 
 .doc span.status {
   color: var(--color-brand-caution);
-  border:1px solid var(--color-brand-caution);
+  border: 1px solid var(--color-brand-caution);
   border-radius: 3px;
   opacity: 0.6;
 }
 
 .doc span.community {
-  color: #999999;
-  border:1px solid #999999;
+  color: #999;
+  border: 1px solid #999;
   border-radius: 3px;
   opacity: 0.6;
 }
@@ -102,7 +103,7 @@
 }
 
 .doc span.community a {
-  color: #999999;
+  color: #999;
 }
 
 .doc span.edition:hover,
@@ -115,13 +116,11 @@
   opacity: 1;
 }
 
-
 /* .doc .labels span.edition::before{
   color: var(--color-brand-blue-secondary);
   border:1px solid var(--color-brand-blue-secondary);
 } */
 
-
 /* .doc .labels li.edition::before {
   border-bottom-color: var(--color-brand-light-blue);
 } */

src/css/landing-page.css

@@ -304,8 +304,6 @@
   list-style: none;
 }
 
-
-
 /* Responsive CSS  */
 
 @media screen and (max-width: 1169px) {