Inline cursor svg

Author: Brikaa

excalidraw-app/presentation/Presentation.scss

@@ -21,13 +21,17 @@
     &:first-child {
       flex: 0 0 40%;
       &:hover {
-        cursor: url("/left-pointer-shadow.svg") 8 10, nw-resize;
+        cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.455090863434634 21.44864519497969' width='40.455090863434634' height='21.44864519497969'%3E%3C!-- svg-source:excalidraw --%3E%3Cmetadata%3E%3C/metadata%3E%3Cdefs%3E%3Cstyle class='style-fonts'%3E%3C/style%3E%3C/defs%3E%3Cg stroke-linecap='round'%3E%3Cg transform='translate(30.455090863434634 10.619058104883152) rotate(0 -10 0)'%3E%3Cpath d='M0 0 C-7.82 -0.56, -14.74 -1.05, -20 0 M0 0 C-4.24 0.1, -9.27 0.31, -20 0' stroke='%23ffffff' stroke-width='2' fill='none'%3E%3C/path%3E%3C/g%3E%3Cg transform='translate(30.455090863434634 10.619058104883152) rotate(0 -10 0)'%3E%3Cpath d='M-10.54 -3.24 C-14.23 -2.26, -17.48 -1.24, -20 0 M-10.54 -3.24 C-12.53 -2.47, -14.93 -1.65, -20 0' stroke='%23ffffff' stroke-width='2' fill='none'%3E%3C/path%3E%3C/g%3E%3Cg transform='translate(30.455090863434634 10.619058104883152) rotate(0 -10 0)'%3E%3Cpath d='M-10.67 3.6 C-14.33 1.92, -17.53 0.27, -20 0 M-10.67 3.6 C-12.64 2.84, -15.01 2.15, -20 0' stroke='%23ffffff' stroke-width='2' fill='none'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cmask%3E%3C/mask%3E%3Cg stroke-linecap='round'%3E%3Cg transform='translate(30.22139728020875 10.911058014118225) rotate(0 -10 0)'%3E%3Cpath d='M0 0 C-6.25 -0.87, -12.34 -0.12, -20 0 M0 0 C-7.55 -0.16, -15.05 0.34, -20 0' stroke='%231e1e1e' stroke-width='2' fill='none'%3E%3C/path%3E%3C/g%3E%3Cg transform='translate(30.22139728020875 10.911058014118225) rotate(0 -10 0)'%3E%3Cpath d='M-10.53 -3.2 C-13.5 -2.63, -16.38 -1.24, -20 0 M-10.53 -3.2 C-14.09 -2.03, -17.64 -0.55, -20 0' stroke='%231e1e1e' stroke-width='2' fill='none'%3E%3C/path%3E%3C/g%3E%3Cg transform='translate(30.22139728020875 10.911058014118225) rotate(0 -10 0)'%3E%3Cpath d='M-10.69 3.64 C-13.58 2.06, -16.41 1.29, -20 0 M-10.69 3.64 C-14.2 2.15, -17.69 0.98, -20 0' stroke='%231e1e1e' stroke-width='2' fill='none'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cmask%3E%3C/mask%3E%3Cg stroke-linecap='round'%3E%3Cg stroke-opacity='0.2' fill-opacity='0.2' transform='translate(30 11.427653544752047) rotate(0 -10 0)'%3E%3Cpath d='M0 0 C-6.5 -0.95, -13.49 -0.27, -20 0 M0 0 C-6.09 0.1, -12.12 -0.22, -20 0' stroke='%231e1e1e' stroke-width='2' fill='none'%3E%3C/path%3E%3C/g%3E%3Cg stroke-opacity='0.2' fill-opacity='0.2' transform='translate(30 11.427653544752047) rotate(0 -10 0)'%3E%3Cpath d='M-10.64 -3.53 C-13.7 -2.86, -16.99 -1.38, -20 0 M-10.64 -3.53 C-13.5 -2.39, -16.32 -1.47, -20 0' stroke='%231e1e1e' stroke-width='2' fill='none'%3E%3C/path%3E%3C/g%3E%3Cg stroke-opacity='0.2' fill-opacity='0.2' transform='translate(30 11.427653544752047) rotate(0 -10 0)'%3E%3Cpath d='M-10.56 3.31 C-13.61 1.76, -16.93 1.03, -20 0 M-10.56 3.31 C-13.42 2.34, -16.26 1.17, -20 0' stroke='%231e1e1e' stroke-width='2' fill='none'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cmask%3E%3C/mask%3E%3C/svg%3E")
+            8 10,
+          nw-resize;
       }
     }
     &:last-child {
       flex: 0 0 60%;
       &:hover {
-        cursor: url("/right-pointer-shadow.svg") 32 10, ne-resize;
+        cursor: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.455090863434634 21.44864519497969' width='40.455090863434634' height='21.44864519497969'%3E%3Cg transform='scale(-1,1) translate(-40.455090863434634,0)'%3E%3Cg stroke-linecap='round'%3E%3Cg transform='translate(30.455090863434634 10.619058104883152) rotate(0 -10 0)'%3E%3Cpath d='M0 0 C-7.82 -0.56, -14.74 -1.05, -20 0 M0 0 C-4.24 0.1, -9.27 0.31, -20 0' stroke='%23ffffff' stroke-width='2' fill='none'/%3E%3C/g%3E%3Cg transform='translate(30.455090863434634 10.619058104883152) rotate(0 -10 0)'%3E%3Cpath d='M-10.54 -3.24 C-14.23 -2.26, -17.48 -1.24, -20 0 M-10.54 -3.24 C-12.53 -2.47, -14.93 -1.65, -20 0' stroke='%23ffffff' stroke-width='2' fill='none'/%3E%3C/g%3E%3Cg transform='translate(30.455090863434634 10.619058104883152) rotate(0 -10 0)'%3E%3Cpath d='M-10.67 3.6 C-14.33 1.92, -17.53 0.27, -20 0 M-10.67 3.6 C-12.64 2.84, -15.01 2.15, -20 0' stroke='%23ffffff' stroke-width='2' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg stroke-linecap='round'%3E%3Cg transform='translate(30.22139728020875 10.911058014118225) rotate(0 -10 0)'%3E%3Cpath d='M0 0 C-6.25 -0.87, -12.34 -0.12, -20 0 M0 0 C-7.55 -0.16, -15.05 0.34, -20 0' stroke='%231e1e1e' stroke-width='2' fill='none'/%3E%3C/g%3E%3Cg transform='translate(30.22139728020875 10.911058014118225) rotate(0 -10 0)'%3E%3Cpath d='M-10.53 -3.2 C-13.5 -2.63, -16.38 -1.24, -20 0 M-10.53 -3.2 C-14.09 -2.03, -17.64 -0.55, -20 0' stroke='%231e1e1e' stroke-width='2' fill='none'/%3E%3C/g%3E%3Cg transform='translate(30.22139728020875 10.911058014118225) rotate(0 -10 0)'%3E%3Cpath d='M-10.69 3.64 C-13.58 2.06, -16.41 1.29, -20 0 M-10.69 3.64 C-14.2 2.15, -17.69 0.98, -20 0' stroke='%231e1e1e' stroke-width='2' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg stroke-linecap='round'%3E%3Cg stroke-opacity='0.2' fill-opacity='0.2' transform='translate(30 11.427653544752047) rotate(0 -10 0)'%3E%3Cpath d='M0 0 C-6.5 -0.95, -13.49 -0.27, -20 0 M0 0 C-6.09 0.1, -12.12 -0.22, -20 0' stroke='%231e1e1e' stroke-width='2' fill='none'/%3E%3C/g%3E%3Cg stroke-opacity='0.2' fill-opacity='0.2' transform='translate(30 11.427653544752047) rotate(0 -10 0)'%3E%3Cpath d='M-10.64 -3.53 C-13.7 -2.86, -16.99 -1.38, -20 0 M-10.64 -3.53 C-13.5 -2.39, -16.32 -1.47, -20 0' stroke='%231e1e1e' stroke-width='2' fill='none'/%3E%3C/g%3E%3Cg stroke-opacity='0.2' fill-opacity='0.2' transform='translate(30 11.427653544752047) rotate(0 -10 0)'%3E%3Cpath d='M-10.56 3.31 C-13.61 1.76, -16.93 1.03, -20 0 M-10.56 3.31 C-13.42 2.34, -16.26 1.17, -20 0' stroke='%231e1e1e' stroke-width='2' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
+            32 10,
+          ne-resize;
       }
     }
   }