2024-09-30 16:21:47 -07:00
|
|
|
@import "../partials/clean/constants"
|
|
|
|
|
2024-09-30 16:10:26 -07:00
|
|
|
.rainbow-pool-filters
|
|
|
|
fieldset
|
|
|
|
display: flex
|
|
|
|
flex-direction: row
|
|
|
|
align-items: center
|
|
|
|
justify-content: center
|
|
|
|
gap: .5em
|
|
|
|
|
|
|
|
legend
|
|
|
|
display: contents
|
|
|
|
font-weight: bold
|
2024-09-30 16:21:47 -07:00
|
|
|
|
|
|
|
.rainbow-pool-list
|
|
|
|
list-style-type: none
|
|
|
|
display: flex
|
|
|
|
flex-wrap: wrap
|
|
|
|
justify-content: center
|
|
|
|
gap: .5em
|
|
|
|
|
|
|
|
--preview-base-width: 150px
|
|
|
|
|
|
|
|
> li
|
|
|
|
width: var(--preview-base-width)
|
|
|
|
max-width: calc(50% - .25em)
|
|
|
|
min-width: 150px
|
|
|
|
box-sizing: border-box
|
|
|
|
text-align: center
|
|
|
|
|
|
|
|
a
|
|
|
|
display: block
|
|
|
|
border-radius: 1em
|
|
|
|
padding: .5em
|
|
|
|
text-decoration: none
|
|
|
|
background: white
|
|
|
|
&:hover
|
|
|
|
outline: 1px solid $module-border-color
|
|
|
|
background: $module-bg-color
|
|
|
|
|
|
|
|
.preview
|
|
|
|
width: 100%
|
|
|
|
height: auto
|
|
|
|
aspect-ratio: 1 / 1
|
|
|
|
margin-bottom: -1em
|
|
|
|
|
|
|
|
.name
|
|
|
|
background: inherit
|
|
|
|
padding: .25em .5em
|
|
|
|
border-radius: .5em
|
|
|
|
margin: 0 auto
|
|
|
|
position: relative
|
|
|
|
z-index: 1
|