Emi Matchu
4bc38db5aa
We use jQuery to basically simulate the `:has()` pseudoselector. Let's just, use `:has()` now!
57 lines
936 B
Sass
57 lines
936 B
Sass
@import "../partials/clean/constants"
|
|
@import "../partials/clean/mixins"
|
|
@import "../partials/secondary_nav"
|
|
|
|
+secondary-nav
|
|
|
|
#intro
|
|
clear: both
|
|
|
|
#petpage-closet-lists
|
|
+clearfix
|
|
border-radius: 10px
|
|
border: 1px solid $soft-border-color
|
|
margin-bottom: 1.5em
|
|
padding: .5em 1.5em
|
|
|
|
> div
|
|
margin: .25em 0
|
|
|
|
h4
|
|
display: inline-block
|
|
vertical-align: middle
|
|
|
|
&::after
|
|
content: ":"
|
|
|
|
ul
|
|
list-style: none
|
|
margin: 0
|
|
padding: 0
|
|
|
|
li
|
|
display: inline-block
|
|
font-size: 85%
|
|
margin: .25em .5em
|
|
padding: 1px
|
|
|
|
label
|
|
padding: .25em .75em .25em .25em
|
|
|
|
&:has(:checked)
|
|
background: $module-bg-color
|
|
border-radius: 3px
|
|
border: 1px solid $module-border-color
|
|
padding: 0
|
|
|
|
&.unlisted
|
|
font-style: italic
|
|
|
|
input[type=submit]
|
|
float: right
|
|
|
|
#petpage-output
|
|
display: block
|
|
height: 30em
|
|
margin: 0 auto
|
|
width: 50%
|