Isolation
Die Inhalte eines Containers können vom CSS und JS des Hauptdokuments isoliert werden. Dadurch können Sie CSS und JS in einem Container verwenden, ohne dass es zu Konflikten mit dem CSS und JS des Hauptdokuments kommt.
Parameter
| data-isolation-reset-css | Soll äusseres CSS ignoriert werden (true|false)? Ausnahme: Die Fontsize auf dem äusseren HTML Element wird nicht ignoriert und auch CSS Custom Properties sind bekannt. |
|---|---|
| data-isolation-provide-styleguide | URL des Styleguides welcher innerhalb der isolierten Umgebung angewendet werden soll. |
| data-isolation-provide-styleguide-version | Version des Styleguides, welcher innerhlab der isolierten Umgebung angewendet werden soll. Alternativ zu URL. |
Beispiele
Isolierter Paragraph mit lokalem CSS
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras auctor eleifend rhoncus. Nam leo felis, congue eget metus aliquam, mattis porttitor augue. Mauris nec venenatis nisi, nec faucibus lacus. Suspendisse eu quam iaculis, varius neque id, sodales lectus. Donec felis purus, convallis id.
Isolierter Paragraph mit lokalem CSS.
Mit der Option `data-isolation-reset-css` wird CSS von aussen ignoriert. Ausnahme: Die Fontsize auf dem äusseren HTML Element wird nicht ignoriert und auch CSS Custom Properties sind bekannt.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras auctor eleifend rhoncus. Nam leo felis, congue eget metus aliquam, mattis porttitor augue. Mauris nec venenatis nisi, nec faucibus lacus. Suspendisse eu quam iaculis, varius neque id, sodales lectus. Donec felis purus, convallis id.
Mit definierter Version des Styleguides
Isolierter Paragraph mit lokalem CSS und mit einer definierten Version des Styleguides als Umgebung. Äusseres CSS wird hierbei standardmässig ignoriert.
Deaktiviert weil nur ein Absatz pro Seite einen externen Styleguide inkludieren kann.
Isolierter Paragraph mit lokalem CSS und mit einer definierten URL des Styleguides als Umgebung. Äusseres CSS wird hierbei standardmässig ignoriert.
Besitzen Sie noch kein Konto? Mit den folgenden Schritten können Sie sich einfach registrieren. Für die Aktivierung benötigen Sie eine gültige E-Mail-Adresse.
Supportmenü in ShadowDom
Tooltip im isolierten Modus.
Consequatur voluptatem iure recusandae sit corporis autem. Fugit omnis itaque aperiam velit ratione quia. Ut consequatur omnis ullam qui qui quibusdam doloremque.