@import "tailwindcss" source(none);
@source "../src/share.rs";
@source "../assets/share.js";
@import "../../../site/src/theme.css";
@theme {
--breakpoint-wide: 561px;
}
@layer base {
html,
body {
@apply overflow-x-hidden;
}
html {
-webkit-tap-highlight-color: revert;
}
body {
@apply bg-bg text-body text-ink;
-webkit-text-size-adjust: 100%;
}
a {
@apply text-brand underline;
}
p {
@apply my-[1em];
}
h1 {
@apply my-1 text-title font-extralight wrap-anywhere max-wide:text-title-sm;
}
input[type="range"] {
margin: revert;
}
button {
@apply cursor-pointer rounded-md border border-rule bg-rule px-3.5 py-2 text-ink disabled:cursor-default disabled:opacity-50;
}
}