/**
 * Strichzeichnungen im Icon-Block sichtbar machen (E13).
 *
 * WordPress' Icon-Block übernimmt aus der SVG-Datei nur die Formen und
 * baut sein eigenes <svg>-Tag darum. Alles, was am Wurzelelement stand,
 * ist damit weg — und was an den Formen steht, geht durch kses: `fill`
 * überlebt, `stroke` und die Strichangaben nicht.
 *
 * WordPress' eigene Icons sind Flächen, unsere sind Striche. Ohne diese
 * Regel bekämen sie die Füllung des Blocks und keinen Strich: In der
 * Icon-Bibliothek standen zwanzig schwarze Kleckse.
 *
 * Der Selektor trifft genau die Formen, die als Strichzeichnung gemeint
 * sind — `fill="none"` schreibt das Erzeugungsskript an jede von ihnen.
 * Gefüllte Icons aus dem Kern bleiben unberührt.
 *
 * Die Werte sind das Raster aus E13: 24er-Viewbox, Strichstärke 2, runde
 * Enden und Ecken. Sie stehen hier, weil das Markup nicht uns gehört —
 * dieselbe Ausnahme, unter der auch das Login-Theme seine Masken führt.
 *
 * Gilt in drei Dokumenten: der Seite, der Editor-Leinwand und der
 * Admin-Oberfläche, in der die Icon-Bibliothek ihre Vorschau zeigt.
 */

/* Der Selektor nennt keinen Träger mehr: Ein Zeichen steht mal im
   Icon-Block, mal in einer Icon-Kachel innerhalb eines HTML-Blocks, mal
   in der Vorschau der Bibliothek — in den Merkzeilen des Pitchdecks
   standen leere Kacheln, weil die Regel an `.wp-block-icon` hing.

   `[fill="none"]` ist das Erkennungsmerkmal, das kses durchlässt, und
   `:not([stroke])` schließt Fremdzeichen aus, die ihren Strich selbst
   mitbringen. */
svg [fill="none"]:not([stroke]) {
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* -------------------------------------------------------------------
   Das Zeichen in einer Kachel

   WordPress lässt sein SVG die volle Fläche einnehmen
   (`:where(.wp-block-icon) svg { width: 100%; height: 100% }`) — in
   einer Kachel füllte das Zeichen dann den Rahmen aus, statt darin zu
   stehen. In den Anwendungen stellt sich die Frage nicht: Dort misst
   die Icon-Komponente sich selbst.

   Die Nenngrößen kommen aus E13: 20 px im 40er-Rahmen, 16 px im 32er.
   ------------------------------------------------------------------- */

.icon-kachel svg {
	width: 20px;
	height: 20px;
}

.icon-kachel--sm svg {
	width: 16px;
	height: 16px;
}