Servus!
Hallo Felix,
Oder man verwendet ein data-Attribut, welches von der common.css berücksichtigt wird.
Wenn du denkst, was ich denke, das Du denkst, dann denke ich, dass das noch nicht geht.
Aktuell kann man mit attr() nur Strings auslesen und in eine content-Eigenschaft übertragen. Und man kann nur data-Attribute des gestylten Elements auslesen, nicht der Elternelemente.
Die Krücke, den Wert von data-hoehe erstmal in ein custom property zu übertragen, würde das Vererbungsproblem lösen. Aber auch das geht noch nicht. Das Typ-Problem bleibt ebenso, weil der Wert des custom property "30em" ist und nicht 30em - String statt Length - und das lässt sich an height: nicht zuweisen. Eine Typkonvertierung in CSS, geht das? Mit attr() soll es mal gehen, aber noch nicht.
.icon {
--scale: 1;
/* this works */
font-size: calc(var(--scale) * 1rem);
}
Da das Frickl-Overlay ohnehin JavaScript braucht, muss man da auch keine CSS-Kunstwerke für zurechtmeißeln. Denke ich 😉
Ja, aber ich würde nicht zu viele Features realiseren.
Herzliche Grüße
Matthias Scharwies
Einfach mal was von der ToDo-Liste auf die Was-Solls-Liste setzen.“