fix: Viewer not overriding default styles with host-set theme

Added [Tailwind's `@layer` directive](https://tailwindcss.com/docs/adding-custom-styles#using-css-and-layer) to fix specificity overruling
pull/159/head
tycrek 2 years ago
parent 2ae16b5a0c
commit 9055cfeaff
No known key found for this signature in database
GPG Key ID: 25D74F3943625263

@ -2,26 +2,32 @@
@tailwind components;
@tailwind utilities;
.res-media {
@apply border-l-4 rounded max-h-half-port;
}
@layer base {}
@layer components {
.res-media {
@apply border-l-4 rounded max-h-half-port;
}
.link {
@apply no-underline hover_no-underline active_no-underline visited_no-underline
/* regular, visited */
text-primary visited_text-primary
border-b-2 visited_border-b-2
border-transparent visited_border-transparent
rounded-sm visited_rounded-sm
.link {
@apply no-underline hover_no-underline active_no-underline visited_no-underline
/* regular, visited */
text-primary visited_text-primary
border-b-2 visited_border-b-2
border-transparent visited_border-transparent
rounded-sm visited_rounded-sm
/* hover */
hover_text-link-hover
hover_border-hover
/* active */
active_text-link-active
/* transitions */
ease-linear duration-150 transition-all;
/* hover */
hover_text-link-hover
hover_border-hover
/* active */
active_text-link-active
/* transitions */
ease-linear duration-150 transition-all;
}
}
@layer utilities {}

Loading…
Cancel
Save