feat(Component): ✨ Add padding to header and remove gradient. Fixes #11 and fixes #7

Author: knice

src/components/trss-ucsc-header/trss-ucsc-header.scss

@@ -5,26 +5,26 @@
 
 .trss-ucsc-header {
   @media screen and (min-width: $max-width) {
-    background: linear-gradient(90deg, #003c6c 40%, #006aad 0);
+    background-color: #003c6c;
   }
 
   > .trss-row__inner {
-  background-image: linear-gradient(360deg, #003c6c 10%, #006aad 40%);
+  background-color: #003c6c;
   max-width: var(--trss-content-width);
   margin: 0 auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 1em;
-  padding: 1em 0;
+  padding: 1em var(--trss-content-padding);
 
   @media screen and (min-width: $max-width) {
-    background-image: linear-gradient(130deg, #003c6c 4rem, #006aad 18rem);
+    background-color: #003c6c;
     flex-direction: row;
     justify-content: flex-end;
     align-items: center;
-    padding: 0;
+    padding: 0 var(--trss-content-padding);
     gap: var(--font-size-lg);
 
     &.has-logo {