Improve Rainbow Pool link styles

This commit is contained in:
Emi Matchu 2024-09-27 18:45:45 -07:00
parent f0257ba2d3
commit 81f0845d4a
2 changed files with 19 additions and 5 deletions

View file

@ -1,3 +1,5 @@
@import "../partials/clean/constants"
.pet-types .pet-types
list-style-type: none list-style-type: none
display: flex display: flex
@ -16,17 +18,22 @@
display: block display: block
border-radius: 1em border-radius: 1em
padding: .5em padding: .5em
text-decoration: none
background: white
&:hover
outline: 1px solid $module-border-color
background: $module-bg-color
img img
width: 100% width: 100%
height: auto height: auto
aspect-ratio: 1 / 1 aspect-ratio: 1 / 1
position: relative
z-index: -1
margin-bottom: -1em margin-bottom: -1em
.name .name
background: white background: inherit
padding: .25em .5em padding: .25em .5em
border-radius: .5em border-radius: .5em
margin: 0 auto margin: 0 auto
position: relative
z-index: 1

View file

@ -18,19 +18,26 @@
display: block display: block
border-radius: 1em border-radius: 1em
padding: .5em padding: .5em
background: white
text-decoration: none
&:hover
outline: 1px solid $module-border-color
background: $module-bg-color
outfit-viewer outfit-viewer
width: 100% width: 100%
height: auto height: auto
aspect-ratio: 1 / 1 aspect-ratio: 1 / 1
position: relative position: relative
z-index: -1 z-index: 0
margin-bottom: -1em margin-bottom: -1em
.name .name
background: white background: inherit
padding: .25em .5em padding: .25em .5em
border-radius: .5em border-radius: .5em
position: relative
z-index: 1
.glitched .glitched
cursor: help cursor: help