diff --git a/src/components/card/HorizontalCard1.module.scss b/src/components/card/HorizontalCard1.module.scss index 470b39c3..4fb3104a 100644 --- a/src/components/card/HorizontalCard1.module.scss +++ b/src/components/card/HorizontalCard1.module.scss @@ -199,12 +199,7 @@ } &.isRead:not(:hover):not(:active) { - @media (prefers-color-scheme: dark) { - opacity: var(--card-visited-opacity); - } - @media (prefers-color-scheme: light) { - opacity: var(--card-visited-opacity); - } + opacity: var(--card-visited-opacity); } &:focus:not(:active), diff --git a/src/components/card/HorizontalCard2.module.scss b/src/components/card/HorizontalCard2.module.scss index 87f4ae64..19eae5ed 100644 --- a/src/components/card/HorizontalCard2.module.scss +++ b/src/components/card/HorizontalCard2.module.scss @@ -93,23 +93,7 @@ } &.isRead:not(:hover):not(:active) { - .meta .prefix, - .meta time, - .textContainer h1 { - color: var(--card-text-visited); - // IE11 - @media screen and (-ms-high-contrast: active), - (-ms-high-contrast: none) { - color: #{map-deep-get($colors, 'colors', 'neutral', 40)}; - } - } - - background-color: var(--card-visited); - // IE11 - @media screen and (-ms-high-contrast: active), - (-ms-high-contrast: none) { - background-color: #{map-deep-get($colors, 'colors', 'neutral', 90)}; - } + opacity: var(--card-visited-opacity); } &:focus:not(:active), diff --git a/src/components/card/HorizontalCard4.module.scss b/src/components/card/HorizontalCard4.module.scss index 63e67aad..cb610651 100644 --- a/src/components/card/HorizontalCard4.module.scss +++ b/src/components/card/HorizontalCard4.module.scss @@ -122,12 +122,7 @@ } &.isRead:not(:hover):not(:active) { - @media (prefers-color-scheme: dark) { - opacity: var(--card-visited-opacity); - } - @media (prefers-color-scheme: light) { - opacity: var(--card-visited-opacity); - } + opacity: var(--card-visited-opacity); } &:focus:not(:active),