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

♻️ Adopt Tailwind hover-group classes

Browse Source
This commit is contained in:
James Panther
2022-02-03 11:07:12 +11:00
parent a55b85f714
commit 0602108f56
4 changed files with 46 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/compiled/main.css
+34 -47
View File
@@ -921,48 +921,6 @@ body a, body button {
display: none;
}
/* Heading anchors */
.prose .heading-anchor:hover {
background-color: transparent !important;
--tw-text-opacity: 1 !important;
color: rgba(var(--color-primary-500), var(--tw-text-opacity)) !important;
-webkit-text-decoration-line: underline !important;
text-decoration-line: underline !important;
}
.prose .heading-anchor:hover, .prose .heading-anchor:focus, .prose h2:hover > .heading-anchor, .prose h3:hover > .heading-anchor, .prose h4:hover > .heading-anchor {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-200), var(--tw-text-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none;
opacity: 1;
}
.dark .prose .heading-anchor:hover, .dark .prose .heading-anchor:focus, .dark .prose h2:hover > .heading-anchor, .dark .prose h3:hover > .heading-anchor, .dark .prose h4:hover > .heading-anchor {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
}
/* Article pagination */
.article-pagination a:hover .article-pagination-title {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-color: rgb(var(--color-primary-500));
text-decoration-color: rgb(var(--color-primary-500));
}
.article-pagination a:hover .article-pagination-direction {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-600), var(--tw-text-opacity));
}
.dark .article-pagination a:hover .article-pagination-direction {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
}
/* RTL support */
[dir="rtl"] .prose blockquote {
@@ -2198,11 +2156,6 @@ body a, body button {
text-decoration-line: none !important;
}
.no-underline {
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.opacity-0 {
opacity: 0;
}
@@ -2330,6 +2283,30 @@ body a, body button {
outline-color: transparent;
}
.group:hover .group-hover\:text-primary-600 {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-600), var(--tw-text-opacity));
}
.group:hover .group-hover\:text-primary-300 {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-300), var(--tw-text-opacity));
}
.group:hover .group-hover\:underline {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.group:hover .group-hover\:decoration-primary-500 {
-webkit-text-decoration-color: rgb(var(--color-primary-500));
text-decoration-color: rgb(var(--color-primary-500));
}
.group:hover .group-hover\:opacity-100 {
opacity: 1;
}
[dir="ltr"] .ltr\:right-0 {
right: 0px;
}
@@ -2614,6 +2591,16 @@ body a, body button {
background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
}
.dark .group:hover .dark\:group-hover\:text-primary-400 {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
}
.dark .group:hover .dark\:group-hover\:text-neutral-700 {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
}
@media (min-width: 640px) {
.sm\:mb-0 {
margin-bottom: 0px;