Trez/congo-hindi-gujarati
4
0
Fork 0
mirror of https://github.com/TrezOne/congo-hindi-gujarati.git synced 2026-07-18 08:48:26 -04:00
Code Issues Packages Projects Releases Wiki Activity

💄 Workaround @tailwindcss/typography hover issue

Browse Source 
Ref: https://github.com/tailwindlabs/tailwindcss-typography/issues/231
This commit is contained in:
James Panther
2022-01-09 10:42:08 +11:00
parent e8b3102eaa
commit ac77abe91f
2 changed files with 70 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/compiled/main.css
+59 -12
View File
@@ -1,6 +1,6 @@
/*! Congo v1.6.2 | MIT License | https://github.com/jpanther/congo */
/*! tailwindcss v3.0.7 | MIT License | https://tailwindcss.com */
/*! tailwindcss v3.0.12 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -77,7 +77,7 @@ hr {
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
@@ -424,7 +424,48 @@ Ensure the default browser behavior of the `hidden` attribute.
}
*, ::before, ::after {
border-color: currentColor;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.prose {
@@ -449,9 +490,9 @@ Ensure the default browser behavior of the `hidden` attribute.
}
:where(.prose a:hover):not(:where([class~="not-prose"] *)) {
color: var(--color-neutral);
text-decoration: none;
background-color: var(--color-primary-600);
color: var(--color-neutral) !important;
text-decoration: none !important;
background-color: var(--color-primary-600) !important;
border-radius: 0.09rem;
}
@@ -675,12 +716,11 @@ Ensure the default browser behavior of the `hidden` attribute.
.prose :where(thead):not(:where([class~="not-prose"] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--color-neutral-500);
color: var(--color-neutral-800);
border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings);
color: var(--color-neutral-800);
font-weight: 600;
vertical-align: bottom;
padding-right: 0.5714286em;
@@ -857,6 +897,10 @@ Ensure the default browser behavior of the `hidden` attribute.
background-color: var(--color-neutral-500);
}
.prose :where(thead tr):not(:where([class~="not-prose"] *)) {
border-bottom-color: var(--color-neutral-500);
}
.prose :where(kbd):not(:where([class~="not-prose"] *)) {
background-color: var(--color-neutral-200);
padding: 0.1rem 0.4rem;
@@ -2330,8 +2374,8 @@ body a, body button {
}
:where(.dark .dark\:prose-light a:hover):not(:where([class~="not-prose"] *)) {
color: var(--color-neutral);
text-decoration: none;
color: var(--color-neutral) !important;
text-decoration: none !important;
}
.dark .dark\:prose-light :where(strong):not(:where([class~="not-prose"] *)) {
@@ -2392,8 +2436,11 @@ body a, body button {
color: var(--color-neutral-200);
}
.dark .dark\:prose-light :where(thead):not(:where([class~="not-prose"] *)) {
.dark .dark\:prose-light :where(thead th):not(:where([class~="not-prose"] *)) {
color: var(--color-neutral);
}
.dark .dark\:prose-light :where(thead tr):not(:where([class~="not-prose"] *)) {
border-bottom-color: var(--color-neutral-500);
}