Styling einer Child-WebComponent
Hi alle zusammen,
Aktuell bin ich dabei in einem Projekt WebComponents zu schreiben, mit denen ich die komplette UI aufbauen möchte. Dabei hänge ich an einem kleinen Problem fest: Beispiel, wie das HTML in etwa ausschaut: HTML-Code:
<my-actions> Hab jetzt schon mit :host() und :host-context() rumgespielt aber komme nich zu meinem gewünschten Ergebnis. Mein Ziel wäre, ein Abstand zwischen jedem Button zu haben. Mit typischen CSS würde ich es so z.B. machen: PHP-Code:
Dank euch für jeden Tipp. Gruß Mario |
Geht es mit flexbox? Dass du zB folgendes schreibst:
Code:
my-actions { |
Sowas hatte ich auch schon aber ich hätte gern eine Lösung, wo ich das etwas spezifischer für bestimmte Komponenten angeben kann.
Hatte mal was gesehen von wegen: HTML-Code:
:host my-button { ... } Kann ich nicht irgendwie ausgehend von meinem eigenen HOST ( also von my-actions aus ) meine Child-Tags beeinflussen? Gruß Mario |
YEAHHHH.... für alle, die die Lösung interessiert.
HTML-Code:
:host ::slotted(*) { ... } |
Alle Zeitangaben in WEZ +2. Es ist jetzt 20:54 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023