fix footer

digdir · Jul 4, 2024 · d1e2222 · d1e2222
1 parent 9d0232e
commit d1e2222
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 5 deletions.
diff --git a/apps/storefront/components/Footer/Footer.module.css b/apps/storefront/components/Footer/Footer.module.css
@@ -42,6 +42,14 @@
   margin-bottom: 0;
 }
 
+.link {
+  gap: var(--ds-spacing-2);
+}
+
+.link:visited {
+  --dsc-link-color: var(--ds-color-neutral-text-default);
+}
+
 .top {
   padding: var(--ds-spacing-18) 0;
 }

diff --git a/apps/storefront/components/Footer/Footer.tsx b/apps/storefront/components/Footer/Footer.tsx
@@ -91,6 +91,7 @@ const LinkList = (links: LinkListItemProps[]) => {
           <Link
             href={item.url}
             color='neutral'
+            className={classes.link}
           >
             {item.prefix}
             {item.text}
@@ -166,7 +167,7 @@ const Footer = () => {
       </div>
       <div className={cl(classes.bottom, 'ds-paragraph--sm')}>
         <Container>
-          <Paragraph>© {getCurrentYear()} Designsystemet</Paragraph>
+          <Paragraph size='sm'>© {getCurrentYear()} Designsystemet</Paragraph>
         </Container>
       </div>
     </footer>

diff --git a/packages/css/link.css b/packages/css/link.css
@@ -35,12 +35,14 @@
 }
 
 .ds-link:visited {
-  color: var(--dsc-link-color-visited);
+  --dsc-link-color: var(--dsc-link-color-visited);
+
   text-decoration: none;
 }
 
 .ds-link:hover {
-  color: var(--dsc-link-color-hover);
+  --dsc-link-color: var(--dsc-link-color-hover);
+
   text-decoration-thickness: max(2px, 0.125rem, 0.12em);
 }
 
@@ -51,8 +53,10 @@
 }
 
 .ds-link:active {
-  color: var(--dsc-link-color-active);
-  background: var(--dsc-link-color-active-background);
+  --dsc-link-color: var(--dsc-link-color-active);
+  --dsc-link-color-active-background: var(--dsc-link-color-active-background);
+
+  background-color: var(--dsc-link-color-active-background);
   border-radius: min(0.25rem, var(--ds-border-radius-md));
   outline: none;
 }