CSS redesign for TIFU. Style in SCSS, uses a little Express server to serve third party content, because DevTools was a bitch to serve my files on properly and because these servers are way too easy to set up ☜(゚ヮ゚☜)
How to use:
- clone repo. Alternatively, recreate text verbatim using your preferred text editor (slightly slow method)
- run
npm start
in the project root to run the static file server - go to /r/tifu_css (or any other sub with no custom styling)
- add this bookmarklet:
javascript: {window.tifuStyle&&tifuStyle.remove(); window.tifuStyle=document.createElement("link"); tifuStyle.rel="stylesheet"; tifuStyle.href="http://localhost:2005/src/output.css"; document.head.appendChild(tifuStyle)}
- click that mfing bookmarklet. This adds the style to the page
- add project to DevTools workspace, cd into src, install and run sass,
sass --watch style.scss:output.css
, to edit the SCSS live