Removed text-shadow on link hover
This commit is contained in:
parent
3ba9b8bf3b
commit
f4bf12e1fb
@ -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
|
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
|
||||||
|
@ -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)
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
@ -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)",
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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)
|
||||||
|
@ -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%
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
Loading…
Reference in New Issue
Block a user