Removed text-shadow on link hover

This commit is contained in:
Eduard Urbach 2019-08-30 13:46:46 +09:00
parent 3ba9b8bf3b
commit f4bf12e1fb
Signed by: akyoto
GPG Key ID: C874F672B1AF20C0
21 changed files with 1 additions and 39 deletions

View File

@ -35,4 +35,3 @@
:hover :hover
background badge-important-hover-bg-color background badge-important-hover-bg-color
color badge-important-text-color color badge-important-text-color
text-shadow none

View File

@ -53,8 +53,6 @@ const sidebar-spacing-y = 0.7rem
.sidebar-button .sidebar-button
color tab-active-color color tab-active-color
background tab-active-background background tab-active-background
text-shadow tab-active-text-shadow
background tab-active-background
.sidebar-button .sidebar-button
horizontal horizontal

View File

@ -5,9 +5,6 @@
anime-mini-item anime-mini-item
vertical vertical
:hover
text-shadow none
.anime-relation-image .anime-relation-image
anime-mini-item-image anime-mini-item-image

View File

@ -68,7 +68,6 @@
flex 0.5 flex 0.5
color text-color color text-color
line-height 1.6em line-height 1.6em
text-shadow none
.calendar-entry-time .calendar-entry-time
opacity 0.85 opacity 0.85

View File

@ -32,7 +32,6 @@
font-size 1.5rem font-size 1.5rem
color text-color color text-color
opacity 0.85 opacity 0.85
text-shadow none
.hall-of-fame-anime .hall-of-fame-anime
saturate-up saturate-up

View File

@ -52,7 +52,7 @@ const frontpage-bg-color = rgb(32, 32, 32)
width auto width auto
height auto height auto
> 1100px > 600px
.bg-video .bg-video
display block display block

View File

@ -24,7 +24,6 @@ const group-padding-x = 0.75rem
:hover :hover
color text-color color text-color
text-shadow none
border 1px solid input-focus-border-color border 1px solid input-focus-border-color
// TODO: Replace with alpha(main-color, 20%) function // TODO: Replace with alpha(main-color, 20%) function
box-shadow 0 0 6px rgba(248, 165, 130, 0.2) box-shadow 0 0 6px rgba(248, 165, 130, 0.2)

View File

@ -37,7 +37,6 @@
vertical vertical
flex 1 flex 1
color text-color color text-color
text-shadow none
.notification-footer .notification-footer
horizontal horizontal

View File

@ -28,7 +28,6 @@
:hover :hover
color hsl(0, 0%, 90%) color hsl(0, 0%, 90%)
opacity 1.0 opacity 1.0
text-shadow none
background rgba(255, 255, 255, 0.2) background rgba(255, 255, 255, 0.2)
.show-more .show-more

View File

@ -42,7 +42,6 @@ blockquote
line-height 2em line-height 2em
quotes "\201C""\201D" quotes "\201C""\201D"
color text-color color text-color
text-shadow none
:before :before
color quote-color color quote-color

View File

@ -10,12 +10,6 @@ const soundtrack-margin = 1rem
flex-basis 500px flex-basis 500px
margin soundtrack-margin 0 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 > 500px
.soundtrack .soundtrack
margin soundtrack-margin margin soundtrack-margin

View File

@ -37,5 +37,4 @@ const user-card-padding = 1rem
.user-card-note .user-card-note
clip-long-text clip-long-text
color text-color color text-color
text-shadow none
opacity 0.5 opacity 0.5

View File

@ -18,7 +18,6 @@ const themes = {
"bg-color-s": "0%", "bg-color-s": "0%",
"ui-background-l": "14%", "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-color": "rgba(255, 255, 255, 0.1)",
"reverse-light-hover-color": "rgba(255, 255, 255, 0.2)", "reverse-light-hover-color": "rgba(255, 255, 255, 0.2)",
"sidebar-background": "hsla(0, 0%, 0%, 0.2)", "sidebar-background": "hsla(0, 0%, 0%, 0.2)",

View File

@ -18,7 +18,6 @@ tool-tip
.box .box
color text-color color text-color
text-shadow none
padding 0.6rem 0.8rem padding 0.6rem 0.8rem
background tip-bg-color background tip-bg-color
font-size 0.92rem font-size 0.92rem

View File

@ -18,7 +18,6 @@ a
:hover :hover
color link-hover-color color link-hover-color
text-shadow link-hover-text-shadow
text-decoration none text-decoration none
:active :active
@ -30,7 +29,6 @@ a
img img
backface-visibility hidden backface-visibility hidden
color transparent color transparent
text-shadow none
rt rt
user-select none user-select none

View File

@ -29,8 +29,6 @@ reverse-light-lite-color = rgba(0, 0, 0, 0.02)
theme-white = bg-color theme-white = bg-color
theme-black = text-color theme-black = text-color
link-hover-text-shadow = none
tab-active-text-shadow = none
// UI // UI
ui-border-color = rgba(0, 0, 0, 0.1) ui-border-color = rgba(0, 0, 0, 0.1)

View File

@ -12,12 +12,6 @@ mixin grid-cell
border-radius ui-element-border-radius border-radius ui-element-border-radius
margin 0.5rem 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 mixin grid-text
vertical vertical
width 100% width 100%

View File

@ -2,9 +2,6 @@ mixin anime-mini-item
margin 0.25rem margin 0.25rem
flex-basis anime-image-small-width flex-basis anime-image-small-width
:hover
text-shadow none
mixin anime-generic-item-image mixin anime-generic-item-image
object-fit cover object-fit cover
border-radius 2px border-radius 2px

View File

@ -18,7 +18,6 @@ mixin feature-card
:hover :hover
box-shadow shadow-medium box-shadow shadow-medium
text-shadow none
mixin feature-card-component mixin feature-card-component
horizontal horizontal

View File

@ -9,7 +9,6 @@
:hover :hover
color text-color color text-color
background-color tab-hover-background background-color tab-hover-background
text-shadow none
cursor pointer cursor pointer
:active :active
@ -18,7 +17,6 @@
&.active &.active
background-color tab-active-background background-color tab-active-background
color tab-active-color color tab-active-color
text-shadow tab-active-text-shadow
:first-child :first-child
border-left ui-border border-left ui-border

View File

@ -18,7 +18,6 @@ mixin genre-tag
:hover :hover
color text-color color text-color
opacity 1.0 opacity 1.0
text-shadow none
background reverse-light-hover-color background reverse-light-hover-color
.tags .tags