$cursor-default: url("../../assets/cursors/default.svg") 0 0, default; $cursor-pen: url("../../assets/cursors/pen.svg") 0 0, default; $cursor-delete: url("../../assets/cursors/pointing.svg") 4 0, default; $cursor-comment: url("../../assets/cursors/comment.svg") 0 16, default; $cursor-draw: url("../../assets/cursors/cell.svg") 8 8, default; $cursor-cross: url("../../assets/cursors/cross.svg") 8 8, default; $cursor-grab: url("../../assets/cursors/open.svg") 8 8, default; $cursor-grabing: url("../../assets/cursors/close.svg") 8 8, default; .scene-container { canvas { cursor: $cursor-default !important; } } .scene-container.draw { canvas { cursor: $cursor-draw !important; } } .scene-container.pointer { canvas { cursor: $cursor-delete !important; } } .scene-container.pen { canvas { cursor: $cursor-pen !important; } } .scene-container.measure { canvas { cursor: $cursor-cross !important; } } .scene-container.hand { canvas { cursor: $cursor-grab !important; &:active{ cursor: $cursor-grabing !important; } } } .scene-container.hand-closed { canvas { cursor: $cursor-grabing !important; } } .scene-container.comment { canvas { cursor: $cursor-comment !important; } }