diff --git a/src/newsreader/scss/components/post/_post.scss b/src/newsreader/scss/components/post/_post.scss index b7d5ef4..c8b96ee 100644 --- a/src/newsreader/scss/components/post/_post.scss +++ b/src/newsreader/scss/components/post/_post.scss @@ -85,7 +85,7 @@ font-size: map-deep-get($post, "header-font-size"); &--read { - color: var(--read-color); + text-decoration: line-through; } } @@ -196,10 +196,6 @@ background-color: var(--confirm-color); color: $white; width: 100px; - - &--saved { - color: var(--read-color); - } } } } diff --git a/src/newsreader/scss/components/posts/_posts.scss b/src/newsreader/scss/components/posts/_posts.scss index 9978e73..a8a89e6 100644 --- a/src/newsreader/scss/components/posts/_posts.scss +++ b/src/newsreader/scss/components/posts/_posts.scss @@ -63,7 +63,7 @@ font-size: map-deep-get($post, header-font-size); &--read { - color: var(--read-color); + text-decoration: line-through; } &:hover { diff --git a/src/newsreader/scss/partials/_root.scss b/src/newsreader/scss/partials/_root.scss index 4a85e8e..afc9617 100644 --- a/src/newsreader/scss/partials/_root.scss +++ b/src/newsreader/scss/partials/_root.scss @@ -5,7 +5,6 @@ --font-color: #{$font-color}; --link-color: #{$link-color}; --selected-color: #{$selected-color}; - --read-color: #{$read-color}; --confirm-color: #{$confirm-color}; --confirm-font-color: #{$confirm-font-color}; @@ -27,7 +26,6 @@ --font-color: #{$dark-font-color}; --link-color: #{$dark-link-color}; - --read-color: #{$dark-read-color}; --confirm-color: #{$dark-confirm-color}; --confirm-font-color: #{$dark-confirm-font-color};