|
|
@ -1,7 +1,7 @@ |
|
|
|
details |
|
|
|
details |
|
|
|
display: block |
|
|
|
display: block |
|
|
|
padding: $gap |
|
|
|
padding: $gap |
|
|
|
margin: $gap-block 0 |
|
|
|
margin: $gap-row 0 |
|
|
|
border-radius: $border-codeblock |
|
|
|
border-radius: $border-codeblock |
|
|
|
border: 1px solid darken($color-block, 4) |
|
|
|
border: 1px solid darken($color-block, 4) |
|
|
|
background: $color-card |
|
|
|
background: $color-card |
|
|
@ -25,8 +25,8 @@ details |
|
|
|
float: right |
|
|
|
float: right |
|
|
|
content: '+' |
|
|
|
content: '+' |
|
|
|
>div.content |
|
|
|
>div.content |
|
|
|
margin-top: $gap-block |
|
|
|
margin-top: $gap-row |
|
|
|
margin-bottom: "calc(%s - %s)" % ($gap-block $gap) |
|
|
|
margin-bottom: "calc(%s - %s)" % ($gap-row $gap) |
|
|
|
&[blue] |
|
|
|
&[blue] |
|
|
|
border: 1px solid darken(bgcolor($color-md-blue), 4) |
|
|
|
border: 1px solid darken(bgcolor($color-md-blue), 4) |
|
|
|
>summary |
|
|
|
>summary |
|
|
@ -76,13 +76,13 @@ details[open] |
|
|
|
border-bottom: 1px solid darken(bgcolor($color-mac-red), 8) |
|
|
|
border-bottom: 1px solid darken(bgcolor($color-mac-red), 8) |
|
|
|
>summary |
|
|
|
>summary |
|
|
|
color: $color-p |
|
|
|
color: $color-p |
|
|
|
margin-bottom: $gap-block |
|
|
|
margin-bottom: $gap-row |
|
|
|
&:hover |
|
|
|
&:hover |
|
|
|
&:after |
|
|
|
&:after |
|
|
|
content: '-' |
|
|
|
content: '-' |
|
|
|
>div.content> |
|
|
|
>div.content> |
|
|
|
p,.tabs,ul,ol,.highlight,div.note |
|
|
|
p,.tabs,ul,ol,.highlight,div.note |
|
|
|
margin-top: $gap-p |
|
|
|
margin-top: $gap-row |
|
|
|
margin-bottom: $gap-p |
|
|
|
margin-bottom: $gap-row |
|
|
|
&:last-child |
|
|
|
&:last-child |
|
|
|
margin-bottom: 0 |
|
|
|
margin-bottom: 0 |
|
|
|