HOW TO IMPLEMENT A SYSTEM-WIDE TOGGLE TO SWITCH BETWEEN THE DEFAULT CURSOR AND A CUSTOM ONE
This is a solution for Webpack-based project which use PUG markup instead of conventional HTML. To save setting we are using LocalStorage and Cookies.
MARKUP
li
.option-wrapper
input#customCursorToggle(type="checkbox", name="customCursorToggle")
span.label-text On/off custom cursor support CSS/SCSS
Take a note that you have to tune styles by yourself to match your project requirements. Moreover, CSS styles for toggler are not included!
html.normal-cursor,
html.normal-cursor * {
cursor: auto !important;
}
html.normal-cursor a,
html.