Skip to content

Instantly share code, notes, and snippets.

@jessicaldale
jessicaldale / workflow-explainer.html
Last active April 2, 2026 16:16
Prototyping with Cursor at Gusto - workflow, rules, and tools explainer for designers
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Prototyping with Cursor at Gusto</title>
<style>
:root {
--teal: #0A8080;
--teal-light: #E6F5F5;
/*
* a small mixin for easy use of rem with px as fallback
* usage: @include x-rem(font-size, 14px)
* usage: @include x-rem(marign, 0 12px 2 1.2)
* usage: @include x-rem(padding, 1.5 24px)
*
* thanks to Eric Meyer for https://github.com/ericam/susy
* and Hans Christian Reinl for http://drublic.de/blog/rem-fallback-sass-less/
*/
@mixin x-rem($property, $values) {