Skip to content
This repository has been archived by the owner on Aug 3, 2024. It is now read-only.

Get rid of the Synopsis images #1555

Open
KommuSoft opened this issue Dec 25, 2022 · 0 comments
Open

Get rid of the Synopsis images #1555

KommuSoft opened this issue Dec 25, 2022 · 0 comments

Comments

@KommuSoft
Copy link
Contributor

KommuSoft commented Dec 25, 2022

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.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant