Issue-51: Update invalid styles after lint report

ProjectEvergreen · Oct 21, 2024 · 6cd4804 · 6cd4804
1 parent 248262a
commit 6cd4804
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 10 deletions.
diff --git a/src/components/capabilities/capabilities.css b/src/components/capabilities/capabilities.css
@@ -9,20 +9,22 @@
   font-size: var(--font-size-1);
 }
 
-.heading {
+/* consolidated below */
+/* .heading {
   font-family: var(--font-primary-bold);
   font-size: var(--font-size-6);
-}
+} */
 
 .container {
   padding: var(--size-fluid-2);
 }
 
-.sections {
+/* consolidated below */
+/* .sections {
   overflow-x: auto;
   scrollbar-width: thin;
   scrollbar-color: var(--color-gray) transparent;
-}
+} */
 
 .section {
   display: inline-block;
@@ -91,6 +93,8 @@
   border-top: 1px solid var(--color-accent);
   border-bottom: 1px solid var(--color-accent);
   margin: var(--font-size-1) 0;
+  scrollbar-width: thin;
+  scrollbar-color: var(--color-gray) transparent;
 }
 
 .sections-list {

diff --git a/src/components/copy-to-clipboard/copy-to-clipboard.css b/src/components/copy-to-clipboard/copy-to-clipboard.css
@@ -1,5 +1,4 @@
 #icon {
-  background-color: transparent;
   padding: var(--size-2);
   border: none;
   cursor: pointer;

diff --git a/src/components/footer/footer.module.css b/src/components/footer/footer.module.css
@@ -10,7 +10,6 @@
   padding-left: var(--size-fluid-1);
   display: flex;
   flex-direction: column;
-  flex-basis: 100%;
   flex: 1;
   justify-content: center;
   color: var(--color-gray);

diff --git a/src/components/hero-banner/hero-banner.module.css b/src/components/hero-banner/hero-banner.module.css
@@ -84,11 +84,9 @@
 
 .snippet pre {
   font-size: 16px;
-  display: inline-block;
   height: 46px;
   align-content: center;
   display: inline;
-  vertical-align: text-top;
   background-color: transparent;
   color: var(--color-black);
   vertical-align: middle;

diff --git a/src/components/side-nav/side-nav.module.css b/src/components/side-nav/side-nav.module.css
@@ -60,9 +60,7 @@
   & a {
     font-family: var(--font-primary-bold);
   }
-}
 
-.compactMenuSectionHeading {
   & a.active,
   & a:hover {
     text-decoration: underline;