menus responsive (de sm desktop à large desktop)

2023-03-28 14:57:57 +02:00
parent 40c1d8402e
commit b250d9d0cb
6 changed files with 358 additions and 2 deletions
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35px"
+   height="35px"
+   viewBox="0 0 35 35"
+   xmlns="http://www.w3.org/2000/svg">
+   <g id="picto">  
+    <line
+        class="thin"
+        x1="17.5"
+        y1="10"
+        x2="17.5"
+        y2="25" />
+    <line
+        class="thin"
+        x1="17.5"
+        y1="10"
+        x2="17.5"
+        y2="25"
+        transform="rotate(45, 17.5, 17.5)" />
+    <line
+        class="thin"
+        x1="17.5"
+        y1="10"
+        x2="17.5"
+        y2="25"
+        transform="rotate(90, 17.5, 17.5)" />
+    <line
+        class="thin"
+        x1="17.5"
+        y1="10"
+        x2="17.5"
+        y2="25"
+        transform="rotate(135, 17.5, 17.5)" />
+
+    <circle
+        class="circle-fill"
+        fill="black"
+        cx="17.5"
+        cy="17.5"
+        r="2.5"
+        transform-origin="center"
+        transform="translate(-15 0)" />
+    <circle
+        class="circle-fill"
+        fill="black"
+        cx="17.5"
+        cy="17.5"
+        r="2.5"
+        transform-origin="center"
+        transform="rotate(45) translate(-15 0)" />
+    <circle
+        class="circle-fill"
+        fill="black"
+        cx="17.5"
+        cy="17.5"
+        r="2.5"
+        transform-origin="center"
+        transform="rotate(90) translate(-15 0)" />
+    <circle
+        class="circle-fill"
+        fill="black"
+        cx="17.5"
+        cy="17.5"
+        r="2.5"
+        transform-origin="center"
+        transform="rotate(135) translate(-15 0)" />
+        
+    <circle
+        class="circle-fill"
+        fill="black"
+        cx="17.5"
+        cy="17.5"
+        r="2.5"
+        transform-origin="center"
+        transform="rotate(180) translate(-15 0)" />
+    <circle
+        class="circle-fill"
+        fill="black"
+        cx="17.5"
+        cy="17.5"
+        r="2.5"
+        transform-origin="center"
+        transform="rotate(225) translate(-15 0)" />
+    <circle
+        class="circle-fill"
+        fill="black"
+        cx="17.5"
+        cy="17.5"
+        r="2.5"
+        transform-origin="center"
+        transform="rotate(270) translate(-15 0)" />
+    <circle
+        class="circle-fill"
+        fill="black"
+        cx="17.5"
+        cy="17.5"
+        r="2.5"
+        transform-origin="center"
+        transform="rotate(315) translate(-15 0)" />
+    </g> 
+</svg>