/* Kaaviot: PlantUML-luokkakaaviot tummassa teemassa ja svgbob-ASCII-kaavioiden
 * vieritys kapealla näytöllä. */

/* PlantUML piirtää SVG:hen valkoisen taustan eikä väreissä ole tummaa
 * varianttia. Invertointi tekisi kaaviosta eri kuvan kuin kirjassa, joten
 * valkoisesta tehdään tarkoituksellinen kortti: sama valkoinen kuvan
 * ympärille ja pyöristetyt kulmat. Vaaleassa teemassa sääntö ei näy. */
.md-typeset img.uml {
  background-color: #fff;
  padding: .4rem;
  border-radius: .2rem;
}


/* ASCII-kaaviot (```bob) upotetaan SVG:nä (convert.py: SVGBOB_FENCE_RE).
 * SVG:llä on kiinteä leveys eikä viewBoxia, joten se ei skaalaudu: leveä
 * kaavio vierii omassa laatikossaan kuten teeman taulukot. Värit tulevat
 * kaavion omasta <style>-lohkosta teeman muuttujilla. Marginaali on sama
 * kuin kappaleella, koska kääre on divi, jolle teema ei anna välistystä. */
.md-typeset .svgbob {
  margin: 1em 0;
  overflow-x: auto;
}

/* Teeman max-width: 100% on kirjoitettu skaalautuville kuville; ilman
 * viewBoxia se ei pienennä piirrosta vaan leikkaa reunan yli menevän osan. */
.md-typeset .svgbob > svg {
  max-width: none;
}

/* svgbob sijoittaa jokaisen sanan ja ä:n/ö:n jälkeisen palan 8 px:n ruutuihin.
 * JetBrains Monon merkki on 0,6 em eli 14 px:n koossa 8,4 px, jolloin palat
 * menevät päällekkäin; tällä koolla merkki on tasan ruudun levyinen. */
.md-typeset .svgbob text {
  font-size: calc(8px / .6);
}