2024-12-07 09:58:24 -08:00
|
|
|
@import "../partials/clean/constants"
|
|
|
|
|
|
|
|
|
|
support-outfit-viewer
|
|
|
|
|
display: flex
|
|
|
|
|
gap: 2em
|
|
|
|
|
flex-wrap: wrap
|
|
|
|
|
justify-content: center
|
|
|
|
|
|
|
|
|
|
outfit-viewer
|
|
|
|
|
flex: 0 0 auto
|
|
|
|
|
border: 1px solid $module-border-color
|
|
|
|
|
border-radius: 1em
|
|
|
|
|
|
|
|
|
|
> table
|
|
|
|
|
flex: 0 0 auto
|
|
|
|
|
border-collapse: collapse
|
|
|
|
|
table-layout: fixed
|
|
|
|
|
border-radius: .5em
|
|
|
|
|
|
|
|
|
|
th, td
|
2024-12-07 10:41:52 -08:00
|
|
|
border: 1px solid $module-border-color
|
2024-12-07 09:58:24 -08:00
|
|
|
font-size: .85em
|
|
|
|
|
padding: .25em .5em
|
|
|
|
|
text-align: left
|
|
|
|
|
|
|
|
|
|
> tbody
|
2024-12-07 10:41:52 -08:00
|
|
|
[data-field=links]
|
2024-12-07 09:58:24 -08:00
|
|
|
ul
|
|
|
|
|
list-style-type: none
|
|
|
|
|
display: flex
|
|
|
|
|
gap: .5em
|
2024-12-07 10:41:52 -08:00
|
|
|
|
|
|
|
|
// Once the component is ready, add some hints about potential interactions.
|
|
|
|
|
&:state(ready)
|
|
|
|
|
> table
|
|
|
|
|
> tbody > tr
|
|
|
|
|
cursor: zoom-in
|
|
|
|
|
&:hover
|
|
|
|
|
background: $module-bg-color
|
