forked from OpenNeo/impress
83 lines
1.5 KiB
Sass
83 lines
1.5 KiB
Sass
@import "../partials/clean/constants"
|
|
@import "../partials/clean/mixins"
|
|
@import "../partials/item_header"
|
|
|
|
body.items-show
|
|
.item-header
|
|
+item-header
|
|
|
|
#item-contributors
|
|
+subtle-banner
|
|
clear: both
|
|
margin:
|
|
bottom: 0
|
|
top: 2em
|
|
|
|
header
|
|
display: inline
|
|
font-weight: bold
|
|
margin-right: .25em
|
|
|
|
footer
|
|
display: inline
|
|
|
|
ul
|
|
display: inline
|
|
list-style: none
|
|
|
|
li
|
|
display: inline
|
|
|
|
&::after
|
|
content: ", "
|
|
|
|
&:last-child::after
|
|
content: "."
|
|
|
|
.nc-icon
|
|
height: 16px
|
|
width: 16px
|
|
|
|
.outfit-viewer
|
|
position: relative
|
|
display: block
|
|
width: 300px
|
|
height: 300px
|
|
border: 1px solid $module-border-color
|
|
border-radius: 1em
|
|
overflow: hidden
|
|
|
|
margin: 0 auto .75em
|
|
|
|
outfit-layer
|
|
display: block
|
|
position: absolute
|
|
inset: 0
|
|
|
|
img, iframe
|
|
width: 100%
|
|
height: 100%
|
|
|
|
.hanger-spinner
|
|
opacity: 0
|
|
transition: opacity .5s
|
|
|
|
// When loading, fade in the loading spinner after a brief delay. (We only
|
|
// apply the delay here, because fading *out* on load should be instant.)
|
|
&:has(outfit-layer:state(loading))
|
|
.hanger-spinner
|
|
opacity: 1
|
|
transition-delay: 2s
|
|
|
|
&:has(outfit-layer:state(error))
|
|
border-color: $error-border-color
|
|
|
|
.species-color-picker
|
|
.error-icon
|
|
cursor: help
|
|
margin-right: .25em
|
|
|
|
&[data-is-valid="false"]
|
|
select
|
|
border-color: $error-border-color
|
|
color: $error-color
|