From d1387f79f8a04ca4fcbb6b376313bdfaf90dd868 Mon Sep 17 00:00:00 2001 From: James Panther <4462786+jpanther@users.noreply.github.com> Date: Sun, 20 Feb 2022 14:36:36 +1100 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20underline=20styles=20not?= =?UTF-8?q?=20displaying=20correctly?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fixes #125 --- CHANGELOG.md | 1 + assets/css/compiled/main.css | 32 +++++++++++++++--------------- layouts/_default/taxonomy.html | 2 +- layouts/partials/article-link.html | 4 ++-- layouts/partials/breadcrumbs.html | 2 +- layouts/partials/footer.html | 2 +- layouts/partials/header.html | 4 ++-- tailwind.config.js | 6 +++--- 8 files changed, 27 insertions(+), 26 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index ae19914a..8d9f6eec 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -20,6 +20,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), - Updated date is displayed even when it is the same as published date - Structured data on homepage unparsable by Google ([#113](https://github.com/jpanther/congo/issues/113)) +- Underline styles not displaying correctly in some browsers ([#125](https://github.com/jpanther/congo/issues/125)) ## [2.0.4] - 2022-02-09 diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index 513badb6..3d1d5456 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1,6 +1,6 @@ /*! Congo v2.0.4 | MIT License | https://github.com/jpanther/congo */ -/*! tailwindcss v3.0.19 | MIT License | https://tailwindcss.com */ +/*! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) @@ -481,7 +481,7 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 1.2em; } -.prose a { +.prose :where(a):not(:where([class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; @@ -489,10 +489,10 @@ Ensure the default browser behavior of the `hidden` attribute. text-decoration-color: rgb(var(--color-primary-300)); } -:where(.prose a:hover):not(:where([class~="not-prose"] *)) { - color: rgb(var(--color-neutral)) !important; - text-decoration: none !important; - background-color: rgb(var(--color-primary-600)) !important; +.prose :where(a):not(:where([class~="not-prose"] *)):hover { + color: rgb(var(--color-neutral)); + text-decoration: none; + background-color: rgb(var(--color-primary-600)); border-radius: 0.09rem; } @@ -2156,6 +2156,16 @@ body a, body button { text-decoration-line: none !important; } +.decoration-primary-500 { + -webkit-text-decoration-color: rgb(var(--color-primary-500)); + text-decoration-color: rgb(var(--color-primary-500)); +} + +.decoration-neutral-300 { + -webkit-text-decoration-color: rgb(var(--color-neutral-300)); + text-decoration-color: rgb(var(--color-neutral-300)); +} + .opacity-0 { opacity: 0; } @@ -2238,16 +2248,6 @@ body a, body button { text-decoration-line: underline; } -.hover\:decoration-primary-500:hover { - -webkit-text-decoration-color: rgb(var(--color-primary-500)); - text-decoration-color: rgb(var(--color-primary-500)); -} - -.hover\:decoration-neutral-300:hover { - -webkit-text-decoration-color: rgb(var(--color-neutral-300)); - text-decoration-color: rgb(var(--color-neutral-300)); -} - .hover\:decoration-primary-400:hover { -webkit-text-decoration-color: rgb(var(--color-primary-400)); text-decoration-color: rgb(var(--color-primary-400)); diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html index 8346c5a3..b53aad6d 100644 --- a/layouts/_default/taxonomy.html +++ b/layouts/_default/taxonomy.html @@ -17,7 +17,7 @@

{{ .Page.Title }} diff --git a/layouts/partials/article-link.html b/layouts/partials/article-link.html index aa92871b..8916b312 100644 --- a/layouts/partials/article-link.html +++ b/layouts/partials/article-link.html @@ -2,7 +2,7 @@

{{ with .Params.externalUrl }} {{ else }} {{ .Title | emojify }} diff --git a/layouts/partials/breadcrumbs.html b/layouts/partials/breadcrumbs.html index 7c304e00..a619c52a 100644 --- a/layouts/partials/breadcrumbs.html +++ b/layouts/partials/breadcrumbs.html @@ -9,7 +9,7 @@ {{ end }}
  • {{ if .p1.Title }} {{- .p1.Title -}} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 6cbf1d7f..7dfeaafe 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -6,7 +6,7 @@ {{ range .Site.Menus.footer }}
  • {{ .Name | markdownify | emojify }}{{ .Site.Title | markdownify | emojify }} {{ .Name | markdownify | emojify }}