Skip to content

Instantly share code, notes, and snippets.

@haggen
Created May 30, 2026 13:38
Show Gist options
  • Select an option

  • Save haggen/b0792bc8280663ef15361914a08b20bd to your computer and use it in GitHub Desktop.

Select an option

Save haggen/b0792bc8280663ef15361914a08b20bd to your computer and use it in GitHub Desktop.
Tear-off paper Tailwind utility
@utility tear-off-* {
background-clip: padding-box;
background-color: --value(--color-*);
background-color: --alpha(--value(--color-*) / --modifier(integer) %);
border-width: 1px;
border-style: dotted;
border-color: --value(--color-*);
border-color: --alpha(--value(--color-*) / --modifier(integer) %);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment