diff --git a/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.module.css b/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.module.css index 3b39dcb28d..04ceca2809 100644 --- a/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.module.css +++ b/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.module.css @@ -57,7 +57,7 @@ .content img { display: block; - width: 860px; + width: 860px !important; margin: var(--ds-spacing-12) 0; margin-left: calc((100% - 860px) / 2) !important; background-color: var(--ds-color-neutral-background-subtle); diff --git a/apps/storefront/components/Footer/Footer.module.css b/apps/storefront/components/Footer/Footer.module.css index 8b0627b11f..fc1cc34910 100644 --- a/apps/storefront/components/Footer/Footer.module.css +++ b/apps/storefront/components/Footer/Footer.module.css @@ -47,7 +47,7 @@ } .link:visited { - --dsc-link-color: var(--ds-color-neutral-text-default); + --dsc-link-color-visited: var(--ds-color-neutral-text-default); } .top { diff --git a/packages/css/link.css b/packages/css/link.css index 44eb90baf1..5bb6a8b767 100644 --- a/packages/css/link.css +++ b/packages/css/link.css @@ -35,14 +35,12 @@ } .ds-link:visited { - --dsc-link-color: var(--dsc-link-color-visited); - + color: var(--dsc-link-color-visited); text-decoration: none; } .ds-link:hover { - --dsc-link-color: var(--dsc-link-color-hover); - + color: var(--dsc-link-color-hover); text-decoration-thickness: max(2px, 0.125rem, 0.12em); } @@ -53,10 +51,8 @@ } .ds-link:active { - --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); + color: var(--dsc-link-color-active); + background: var(--dsc-link-color-active-background); border-radius: min(0.25rem, var(--ds-border-radius-md)); outline: none; }