Open KommuSoft opened 1 year ago
The synopsis images can be reproduced with simple HTML that will result in a vectorized variant, and more easier to change based on a state. This can be done with the following CSS:
#synopsis summary { display: block; float: right; color: #536371; margin: 0px; padding: 5px; background: rgb(250,247,224); writing-mode: vertical-rl; rotate: 180deg; } #synopsis summary::after { content: "\2A20"; rotate: -90deg; display: inline-block; color: #b0b0af; } #synopsis details[open] summary::after { rotate: 90deg; }
and remove the #synopsis details[open] > summary specifier.
#synopsis details[open] > summary
The synopsis images can be reproduced with simple HTML that will result in a vectorized variant, and more easier to change based on a state. This can be done with the following CSS:
and remove the
#synopsis details[open] > summary
specifier.