From f4bf12e1fb2c11daab0f397b40fa2717773d0fd0 Mon Sep 17 00:00:00 2001 From: Eduard Urbach Date: Fri, 30 Aug 2019 13:46:46 +0900 Subject: [PATCH] Removed text-shadow on link hover --- layout/sidebar/badge.scarlet | 1 - layout/sidebar/sidebar.scarlet | 2 -- pages/anime/relation.scarlet | 3 --- pages/calendar/calendar.scarlet | 1 - pages/explore/halloffame/halloffame.scarlet | 1 - pages/frontpage/frontpage.scarlet | 2 +- pages/groups/groups.scarlet | 1 - pages/notifications/notifications.scarlet | 1 - pages/profile/tags.scarlet | 1 - pages/quotes/quotes.scarlet | 1 - pages/soundtracks/soundtracks.scarlet | 6 ------ pages/users/user-cards.scarlet | 1 - scripts/Actions/Theme.ts | 1 - scripts/Elements/tool-tip/tool-tip.scarlet | 1 - styles/base.scarlet | 2 -- styles/config.scarlet | 2 -- styles/grid.scarlet | 6 ------ styles/mixins/anime-grid.scarlet | 3 --- styles/mixins/feature-card.scarlet | 1 - styles/tabs.scarlet | 2 -- styles/tags.scarlet | 1 - 21 files changed, 1 insertion(+), 39 deletions(-) diff --git a/layout/sidebar/badge.scarlet b/layout/sidebar/badge.scarlet index 3eb69698..bab496bb 100644 --- a/layout/sidebar/badge.scarlet +++ b/layout/sidebar/badge.scarlet @@ -35,4 +35,3 @@ :hover background badge-important-hover-bg-color color badge-important-text-color - text-shadow none diff --git a/layout/sidebar/sidebar.scarlet b/layout/sidebar/sidebar.scarlet index 0eb0fdd9..147ca452 100644 --- a/layout/sidebar/sidebar.scarlet +++ b/layout/sidebar/sidebar.scarlet @@ -53,8 +53,6 @@ const sidebar-spacing-y = 0.7rem .sidebar-button color tab-active-color background tab-active-background - text-shadow tab-active-text-shadow - background tab-active-background .sidebar-button horizontal diff --git a/pages/anime/relation.scarlet b/pages/anime/relation.scarlet index fdbf9b51..aab9872c 100644 --- a/pages/anime/relation.scarlet +++ b/pages/anime/relation.scarlet @@ -5,9 +5,6 @@ anime-mini-item vertical - :hover - text-shadow none - .anime-relation-image anime-mini-item-image diff --git a/pages/calendar/calendar.scarlet b/pages/calendar/calendar.scarlet index 34e510cc..76e08f44 100644 --- a/pages/calendar/calendar.scarlet +++ b/pages/calendar/calendar.scarlet @@ -68,7 +68,6 @@ flex 0.5 color text-color line-height 1.6em - text-shadow none .calendar-entry-time opacity 0.85 diff --git a/pages/explore/halloffame/halloffame.scarlet b/pages/explore/halloffame/halloffame.scarlet index 9b02928d..bc3d97f6 100644 --- a/pages/explore/halloffame/halloffame.scarlet +++ b/pages/explore/halloffame/halloffame.scarlet @@ -32,7 +32,6 @@ font-size 1.5rem color text-color opacity 0.85 - text-shadow none .hall-of-fame-anime saturate-up diff --git a/pages/frontpage/frontpage.scarlet b/pages/frontpage/frontpage.scarlet index ea79edf1..154b22ce 100644 --- a/pages/frontpage/frontpage.scarlet +++ b/pages/frontpage/frontpage.scarlet @@ -52,7 +52,7 @@ const frontpage-bg-color = rgb(32, 32, 32) width auto height auto -> 1100px +> 600px .bg-video display block diff --git a/pages/groups/groups.scarlet b/pages/groups/groups.scarlet index c37a025f..1241ebe7 100644 --- a/pages/groups/groups.scarlet +++ b/pages/groups/groups.scarlet @@ -24,7 +24,6 @@ const group-padding-x = 0.75rem :hover color text-color - text-shadow none border 1px solid input-focus-border-color // TODO: Replace with alpha(main-color, 20%) function box-shadow 0 0 6px rgba(248, 165, 130, 0.2) diff --git a/pages/notifications/notifications.scarlet b/pages/notifications/notifications.scarlet index 7a6bbd3e..ab1e4c62 100644 --- a/pages/notifications/notifications.scarlet +++ b/pages/notifications/notifications.scarlet @@ -37,7 +37,6 @@ vertical flex 1 color text-color - text-shadow none .notification-footer horizontal diff --git a/pages/profile/tags.scarlet b/pages/profile/tags.scarlet index ebfb4959..c0d6ea4e 100644 --- a/pages/profile/tags.scarlet +++ b/pages/profile/tags.scarlet @@ -28,7 +28,6 @@ :hover color hsl(0, 0%, 90%) opacity 1.0 - text-shadow none background rgba(255, 255, 255, 0.2) .show-more diff --git a/pages/quotes/quotes.scarlet b/pages/quotes/quotes.scarlet index f74c0d2c..37eb4116 100644 --- a/pages/quotes/quotes.scarlet +++ b/pages/quotes/quotes.scarlet @@ -42,7 +42,6 @@ blockquote line-height 2em quotes "\201C""\201D" color text-color - text-shadow none :before color quote-color diff --git a/pages/soundtracks/soundtracks.scarlet b/pages/soundtracks/soundtracks.scarlet index bdbd89ed..bce26feb 100644 --- a/pages/soundtracks/soundtracks.scarlet +++ b/pages/soundtracks/soundtracks.scarlet @@ -10,12 +10,6 @@ const soundtrack-margin = 1rem flex-basis 500px margin soundtrack-margin 0 - // If text-shadow is enabled, the whole container will repaint. - // We need to disable text-shadow to reduce re-painting. - a - :hover - text-shadow none - > 500px .soundtrack margin soundtrack-margin diff --git a/pages/users/user-cards.scarlet b/pages/users/user-cards.scarlet index b27f95c0..40af0855 100644 --- a/pages/users/user-cards.scarlet +++ b/pages/users/user-cards.scarlet @@ -37,5 +37,4 @@ const user-card-padding = 1rem .user-card-note clip-long-text color text-color - text-shadow none opacity 0.5 \ No newline at end of file diff --git a/scripts/Actions/Theme.ts b/scripts/Actions/Theme.ts index 8f036c22..f7644772 100644 --- a/scripts/Actions/Theme.ts +++ b/scripts/Actions/Theme.ts @@ -18,7 +18,6 @@ const themes = { "bg-color-s": "0%", "ui-background-l": "14%", - "link-hover-text-shadow": "0 0 8px hsla(var(--link-color-h), var(--link-color-s), var(--link-color-l), 0.5)", "reverse-light-color": "rgba(255, 255, 255, 0.1)", "reverse-light-hover-color": "rgba(255, 255, 255, 0.2)", "sidebar-background": "hsla(0, 0%, 0%, 0.2)", diff --git a/scripts/Elements/tool-tip/tool-tip.scarlet b/scripts/Elements/tool-tip/tool-tip.scarlet index 3919b913..62fb2a1e 100644 --- a/scripts/Elements/tool-tip/tool-tip.scarlet +++ b/scripts/Elements/tool-tip/tool-tip.scarlet @@ -18,7 +18,6 @@ tool-tip .box color text-color - text-shadow none padding 0.6rem 0.8rem background tip-bg-color font-size 0.92rem diff --git a/styles/base.scarlet b/styles/base.scarlet index 94ad1926..ca160471 100644 --- a/styles/base.scarlet +++ b/styles/base.scarlet @@ -18,7 +18,6 @@ a :hover color link-hover-color - text-shadow link-hover-text-shadow text-decoration none :active @@ -30,7 +29,6 @@ a img backface-visibility hidden color transparent - text-shadow none rt user-select none diff --git a/styles/config.scarlet b/styles/config.scarlet index 01c88f77..34c2646b 100644 --- a/styles/config.scarlet +++ b/styles/config.scarlet @@ -29,8 +29,6 @@ reverse-light-lite-color = rgba(0, 0, 0, 0.02) theme-white = bg-color theme-black = text-color -link-hover-text-shadow = none -tab-active-text-shadow = none // UI ui-border-color = rgba(0, 0, 0, 0.1) diff --git a/styles/grid.scarlet b/styles/grid.scarlet index 3c18c8e3..40b89444 100644 --- a/styles/grid.scarlet +++ b/styles/grid.scarlet @@ -12,12 +12,6 @@ mixin grid-cell border-radius ui-element-border-radius margin 0.5rem - // If text-shadow is enabled, the whole container will repaint. - // We need to disable text-shadow to reduce re-painting. - a - :hover - text-shadow none - mixin grid-text vertical width 100% diff --git a/styles/mixins/anime-grid.scarlet b/styles/mixins/anime-grid.scarlet index e8681697..9ca63d4c 100644 --- a/styles/mixins/anime-grid.scarlet +++ b/styles/mixins/anime-grid.scarlet @@ -2,9 +2,6 @@ mixin anime-mini-item margin 0.25rem flex-basis anime-image-small-width - :hover - text-shadow none - mixin anime-generic-item-image object-fit cover border-radius 2px diff --git a/styles/mixins/feature-card.scarlet b/styles/mixins/feature-card.scarlet index 38cd0dba..0fb2c757 100644 --- a/styles/mixins/feature-card.scarlet +++ b/styles/mixins/feature-card.scarlet @@ -18,7 +18,6 @@ mixin feature-card :hover box-shadow shadow-medium - text-shadow none mixin feature-card-component horizontal diff --git a/styles/tabs.scarlet b/styles/tabs.scarlet index fab35c7d..96786a38 100644 --- a/styles/tabs.scarlet +++ b/styles/tabs.scarlet @@ -9,7 +9,6 @@ :hover color text-color background-color tab-hover-background - text-shadow none cursor pointer :active @@ -18,7 +17,6 @@ &.active background-color tab-active-background color tab-active-color - text-shadow tab-active-text-shadow :first-child border-left ui-border diff --git a/styles/tags.scarlet b/styles/tags.scarlet index 39992a70..2bf95ac7 100644 --- a/styles/tags.scarlet +++ b/styles/tags.scarlet @@ -18,7 +18,6 @@ mixin genre-tag :hover color text-color opacity 1.0 - text-shadow none background reverse-light-hover-color .tags