Skip to content

Instantly share code, notes, and snippets.

@LeaVerou

LeaVerou/dabblet.css

Created February 13, 2025 20:07
Show Gist options
  • Save LeaVerou/6a5153fdc90ec4efc3bc0ceee51de316 to your computer and use it in GitHub Desktop.
Save LeaVerou/6a5153fdc90ec4efc3bc0ceee51de316 to your computer and use it in GitHub Desktop.
Download ZIP
Safari bug potential workaround
Raw
dabblet.css
/**
* Safari bug potential workaround
*/
oklch(from oklab(from var(--color) calc(l - 0.5) a b) calc(l + 0.5) c calc(h + var(--hue-shift)));
--color: #e5f6ff;
--hue-shift: -30;
--color-tweaked: oklch(from oklab(from var(--color) calc(l - 0.5) a b) calc(l + 0.5) c calc(h + var(--hue-shift)));
background: linear-gradient(var(--color-tweaked) 0% 100%) #e5f6ff no-repeat 0 0 / 100% 50%;
min-height: 100%;
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment