diff --git a/assets/css/app.css b/assets/css/app.css index 51bde21..511093a 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -7,9 +7,19 @@ @import "./lightbox.css"; @layer base { - :root { font-family: 'Inter', sans-serif; } + :root { + --font-features: "case", "cpsp", "frac", "salt", "ss02", "ccmp"; + } + + :root { + font-family: 'Inter', sans-serif; + font-feature-settings: var(--font-features); + } @supports (font-variation-settings: normal) { - :root { font-family: 'Inter var', sans-serif; } + :root { + font-family: 'Inter var', sans-serif; + font-feature-settings: var(--font-features); + } } :root { @@ -64,7 +74,7 @@ --color-heading: var(--color-secondary); } - :root[data-mode=dark] .prose { + :root[data-mode=dark] .prose { @apply prose-invert; } @@ -92,4 +102,10 @@ .footnotes hr { display: none; } .footnote:before { content: '{'; } .footnote:after { content: '}'; } +} + +@layer utilities { + a.underline-link { + @apply underline decoration-2 decoration-theme-primary hover:decoration-theme-secondary transition; + } } \ No newline at end of file diff --git a/lib/chiya_web/components/layouts/root_public.html.heex b/lib/chiya_web/components/layouts/root_public.html.heex index 8825996..a6470b1 100644 --- a/lib/chiya_web/components/layouts/root_public.html.heex +++ b/lib/chiya_web/components/layouts/root_public.html.heex @@ -41,7 +41,7 @@ <%= @inner_content %> -