keelii

/*! wysiwyg.css v0.0.3 | MIT License | github.com/jgthms/wysiwyg.css */
/* Modified by keelii */
// Colours
$blue: #2478ff !default
$pink: #ff2450 !default
$purple: #9524ff !default

$grey-light: hsl(0, 0%, 50%) !default
$grey: hsl(0, 0%, 20%) !default
$grey-dark: hsl(0, 0%, 10%) !default

keelii

const VIEW_SIZE = 100

function getCursorPosition(canvas, event) {
  const rect = canvas.getBoundingClientRect()
  const x = event.pageX - rect.left
  const y = event.pageY - rect.top
  return { x, y }
}

class EasingCanvas extends React.Component {