Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- web:drupal:theme:menu-icons [2022/09/14 13:32] – phoenixseo
+++ web:drupal:theme:menu-icons [2022/09/15 17:36] (aktuell) – phoenixseo
@@ Zeile 76: / Zeile 76: @@
 <file php page.twig>
 <svg class="hidden">
-	<defs>
+  <defs>
-		<g id="icon-newspaper">
+    <g id="icon-newspaper">
       <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 01-2.25 2.25M16.5 7.5V18a2.25 2.25 0 002.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 002.25 2.25h13.5M6 7.5h3v3H6v-3z" />
-		</g>
+    </g>
     <g id="icon-academic-cap">
@@ Zeile 85: / Zeile 85: @@
     </g>
-	</defs>
+  </defs>
 </svg>
 </file>
+===== CSS Style =====
+Die SVG Sprites lassen sich beliebig mit CSS stylen, z.B.: (Tailwind CSS)
+<file css menu_link_attributes.css>
+/* menu-icons (menu_link_attributes) */
+.icon {
+  @apply w-6 fill-transparent stroke-onyx hover:stroke-lava;
+}
+</file>