[Archived] Archived WIP of vielle.dev

Add custom marker

vielle.dev 6b35a681 6f95d7ba

verified
+43
+17
src/assets/arrow-down.svg
··· 1 + <?xml version="1.0" encoding="UTF-8" standalone="no"?> 2 + <svg 3 + width="10" 4 + height="10" 5 + viewBox="0 0 10 10" 6 + version="1.1" 7 + id="svg1" 8 + xmlns="http://www.w3.org/2000/svg" 9 + xmlns:svg="http://www.w3.org/2000/svg" 10 + stroke="black" 11 + stroke-width="2px" 12 + fill="none" 13 + > 14 + <path 15 + d="m 7.8145673,2.2064799 c 0,0 -2.0655083,4.998245 -2.5000003,4.998245 -0.434492,0 -2.4999997,-4.998245 -2.4999997,-4.998245" 16 + /> 17 + </svg>
+17
src/assets/arrow-right.svg
··· 1 + <?xml version="1.0" encoding="UTF-8" standalone="no"?> 2 + <svg 3 + width="10" 4 + height="10" 5 + viewBox="0 0 10 10" 6 + version="1.1" 7 + id="svg1" 8 + xmlns="http://www.w3.org/2000/svg" 9 + xmlns:svg="http://www.w3.org/2000/svg" 10 + stroke="black" 11 + stroke-width="2px" 12 + fill="none" 13 + > 14 + <path 15 + d="m 2.8919737,2.1290735 c 0,0 4.998245,2.0655083 4.998245,2.5000003 0,0.434492 -4.998245,2.4999997 -4.998245,2.4999997" 16 + /> 17 + </svg>
+9
src/components/generic/Nav.astro
··· 75 75 } 76 76 } 77 77 78 + details { 79 + ::marker { 80 + content: url(../../assets/arrow-right.svg); 81 + } 82 + &:open ::marker { 83 + content: url(../../assets/arrow-down.svg); 84 + } 85 + } 86 + 78 87 h1 { 79 88 margin-right: auto; 80 89 font-size: 1.5rem;