castopod/app/Resources/styles/radioBtn.css
Yassine Doghri 37c54d2477 feat: build hashed static files to renew browser cache
- replace rollup config with vitejs
- use vite dev server during development to take advantage of
hot module replacement (HMR)
- add vite service using Vite library to load css and js assets
- update package.json scripts and remove unnecessary
dependencies
- update scripts/bundle-prepare.sh

closes #107
2021-07-12 17:47:56 +00:00

27 lines
460 B
CSS

@layer components {
.form-radio-btn {
@apply absolute opacity-0;
}
.form-radio-btn:focus + label {
@apply ring;
}
.form-radio-btn + label {
@apply inline-block px-2 py-1 text-sm text-black bg-white border rounded cursor-pointer;
&:hover {
@apply bg-pine-100;
}
}
.form-radio-btn:checked + label {
@apply text-white bg-pine-600;
&::before {
@apply mr-2 text-pine-200;
content: "✓";
}
}
}