refactor: apply fixed from codefactor (#3) (#44780)

Co-authored-by: codefactor-io <support@codefactor.io>

Co-authored-by: codefactor-io <support@codefactor.io>

client/src/components/Header/components/universal-nav.css

@@ -27,7 +27,7 @@
 .universal-nav-left {
   display: flex;
   flex: 1 0 33%;
-  margin-left: 0px;
+  margin-left: 0;
   z-index: 2000;
 }
 
@@ -75,7 +75,7 @@
   display: block;
   width: auto;
   height: 24px;
-  margin: 7px 0px;
+  margin: 7px 0;
 }
 
 .nav-list {
@@ -83,7 +83,7 @@
   position: absolute;
   background-color: var(--theme-color);
   top: calc(var(--header-height) * 2);
-  right: 0px;
+  right: 0;
   flex-wrap: wrap;
   justify-content: flex-end;
   width: 100vw;
@@ -96,7 +96,7 @@
 
 .nav-link {
   margin: 0;
-  padding: 2px 15px 0 15px;
+  padding: 2px 15px 0;
   display: flex;
   align-items: center;
   color: var(--gray-00);
@@ -198,7 +198,7 @@
 }
 
 .toggle-button-nav {
-  padding: 2px 14px 2px;
+  padding: 2px 14px;
   border: 1px solid var(--gray-00);
   font-family: 'lato', sans-serif;
   font-size: 18px;
@@ -338,7 +338,7 @@
     display: flex;
     position: absolute;
     left: 17px;
-    top: 0px;
+    top: 0;
   }
 
   .expand-nav {

client/src/components/Intro/intro.css

@@ -11,12 +11,12 @@
 
 .logo-row h2 {
   height: 35px;
-  padding: 0 10px 0 10px;
+  padding: 0 10px;
 }
 
 .landing-page ul {
   list-style: none;
-  padding-left: 0px;
+  padding-left: 0;
 }
 
 .quote-partial .blockquote {

client/src/components/landing/landing.css

@@ -15,14 +15,14 @@
 
 .landing-page ul {
   list-style: none;
-  padding-left: 0px;
+  padding-left: 0;
 }
 
 #featured-logos {
   max-width: 600px;
 }
 .landing-top h1:first-child {
-  margin-top: 0px;
+  margin-top: 0;
 }
 
 .landing-page h1,
@@ -32,7 +32,7 @@
 }
 
 p.caption {
-  margin: 10px 0 0 0;
+  margin: 10px 0 0;
   font-size: 0.8rem;
   color: var(--quaternary-color);
 }
@@ -132,7 +132,7 @@ p.caption {
   max-width: 350px;
   display: flex;
   flex-direction: column;
-  margin: 10px 10px 50px 10px;
+  margin: 10px 10px 50px;
   background: var(--gray-00);
   -webkit-box-shadow: 0 3px 13px 1px rgba(0, 0, 0, 0.09);
   box-shadow: 0 3px 13px 1px rgba(0, 0, 0, 0.09);
@@ -149,7 +149,7 @@ p.caption {
   align-items: center;
   justify-content: center;
   text-align: center;
-  padding: 10px 0px 30px 0px;
+  padding: 10px 0 30px;
 }
 
 .testimonial-meta p,
@@ -208,7 +208,7 @@ p.caption {
     height: 100%;
   }
   .testimonial-meta {
-    padding: 0px 0px 30px;
+    padding: 0 0 30px;
   }
   .testimonial-meta p,
   .testimonial-meta strong {

client/src/templates/Challenges/components/tool-panel.css

@@ -16,7 +16,7 @@
 .tool-panel-group-mobile > .btn-block,
 .tool-panel-group-mobile > .dropdown > .btn-block {
   margin: 0 2px 0 0;
-  padding: 5px 0px;
+  padding: 5px 0;
 }
 
 .tool-panel-group .btn-group {
@@ -28,7 +28,7 @@
 .tool-panel-group-mobile .btn-group {
   display: block;
   width: 100%;
-  margin: 0 2px 0 2px;
+  margin: 0 2px;
 }
 
 .tool-panel-group-mobile .btn {

client/src/templates/Introduction/intro.css

@@ -67,7 +67,7 @@
   display: flex;
   flex-direction: column;
   justify-content: center;
-  padding: 25px 15px 10px 0px;
+  padding: 25px 15px 10px 0;
   margin: 0 0 0.6rem;
   flex-grow: 2;
   flex-basis: 0;
@@ -240,7 +240,7 @@ button.map-title {
   flex: 1 1 100px;
 }
 .map-challenge-title-grid a.map-grid-item {
-  margin: 5px 0px;
+  margin: 5px 0;
   justify-content: center;
 }
 
@@ -274,7 +274,7 @@ button.map-title {
   }
 
   .block-cta-wrapper {
-    padding: 25px 15px 10px 15px;
+    padding: 25px 15px 10px;
   }
 
   .course-title,

docs/_theme.css

@@ -30,12 +30,12 @@ body .content {
 /****** Nav ****/
 
 .universal-nav {
-  margin: 0px;
+  margin: 0;
   width: 100vw;
   height: 38px;
   background-color: var(--theme-color);
   position: fixed;
-  top: 0px;
+  top: 0;
   display: flex;
   justify-content: center;
   z-index: 100;
@@ -48,11 +48,11 @@ body .content {
   line-height: 24px;
   font-size: 16px;
   margin: 6px 0;
-  padding: 0 0;
+  padding: 0;
 }
 
 .universal-nav img {
-  margin: 7px 0px;
+  margin: 7px 0;
   height: 24px;
 }
 
@@ -193,7 +193,7 @@ section.cover.show ~ .sidebar-toggle {
 }
 
 .sidebar {
-  padding: 0px;
+  padding: 0;
 }
 
 .sidebar-toggle {
@@ -280,7 +280,7 @@ body.close .github-corner {
 .markdown-section code {
   background-color: #f8f8f8;
   color: #525252;
-  padding: 0.05em 0.15em 0.15em 0.15em;
+  padding: 0.05em 0.15em 0.15em;
   margin: 0.05em;
   font-size: 16px;
   line-height: 24px;
@@ -305,7 +305,7 @@ body.close .github-corner {
 .markdown-section a > strong > code {
   background-color: #f8f8f8;
   color: #525252;
-  padding: 0.05em 0.15em 0 0.15em;
+  padding: 0.05em 0.15em 0;
   margin: 0.05em;
 }
 
@@ -315,7 +315,7 @@ body.close .github-corner {
 .markdown-section a > strong > code:active {
   background-color: #525252;
   color: #f8f8f8;
-  padding: 0.05em 0.15em 0 0.15em;
+  padding: 0.05em 0.15em 0;
   margin: 0.05em;
 }
 
@@ -327,7 +327,7 @@ body.close .github-corner {
 @media screen and (max-width: 768px) {
   .markdown-section {
     max-width: 90%;
-    padding: 40px 15px 40px 15px;
+    padding: 40px 15px;
   }
 }