Trez/congo-hindi-gujarati
4
0
Fork 0
mirror of https://github.com/TrezOne/congo-hindi-gujarati.git synced 2026-07-19 00:58:28 -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;
assets/css/main.css
-20
View File
@@ -21,26 +21,6 @@ body button {
@apply hidden;
}
/* Heading anchors */
.prose .heading-anchor:hover {
@apply underline bg-transparent text-primary-500 !important;
}
.prose .heading-anchor:hover,
.prose .heading-anchor:focus,
.prose h2:hover > .heading-anchor,
.prose h3:hover > .heading-anchor,
.prose h4:hover > .heading-anchor {
@apply no-underline opacity-100 text-primary-200 dark:text-neutral-700;
}
/* Article pagination */
.article-pagination a:hover .article-pagination-title {
@apply underline decoration-primary-500;
}
.article-pagination a:hover .article-pagination-direction {
@apply text-primary-600 dark:text-primary-400;
}
/* RTL support */
.prose blockquote {
@apply rtl:pr-4 rtl:border-l-0 rtl:border-r-4;