Removed text-shadow on link hover

2019-08-30 13:46:46 +09:00 · 2019-08-30 13:46:46 +09:00 · f4bf12e1fb
commit f4bf12e1fb
parent 3ba9b8bf3b
21 changed files with 1 additions and 39 deletions
--- 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
--- 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
--- 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

--- 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
--- 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
--- 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

--- 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)
--- 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
--- 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
--- 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
--- 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
--- 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
--- 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)",
--- 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
--- 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
--- 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)
--- 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%
--- 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
--- 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
--- 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
--- 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