💄 Minor style tweaks to improve consistency

This commit is contained in:
James Panther
2022-01-19 10:25:48 +11:00
parent ce75bc1179
commit 0f34dcfa05
11 changed files with 78 additions and 83 deletions
+39 -57
View File
@@ -959,7 +959,7 @@ body a, body button {
.article-pagination a:hover .article-pagination-direction {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-700), var(--tw-text-opacity));
color: rgba(var(--color-primary-600), var(--tw-text-opacity));
}
.dark .article-pagination a:hover .article-pagination-direction {
@@ -1449,20 +1449,12 @@ body a, body button {
left: 0px;
}
.top-\[100vh\] {
top: 100vh;
.top-\[110vh\] {
top: 110vh;
}
.right-0 {
right: 0px;
}
.bottom-16 {
bottom: 4rem;
}
.-bottom-4 {
bottom: -1rem;
.bottom-\[-5\.5rem\] {
bottom: -5.5rem;
}
.top-\[calc\(100vh-5rem\)\] {
@@ -1859,11 +1851,6 @@ body a, body button {
border-color: rgba(var(--color-primary-400), var(--tw-border-opacity));
}
.border-neutral-700 {
--tw-border-opacity: 1;
border-color: rgba(var(--color-neutral-700), var(--tw-border-opacity));
}
.bg-neutral {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral), var(--tw-bg-opacity));
@@ -1969,16 +1956,16 @@ body a, body button {
padding-bottom: 2.5rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
@@ -2115,16 +2102,16 @@ body a, body button {
color: rgba(var(--color-primary-600), var(--tw-text-opacity));
}
.text-neutral-500 {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
}
.text-neutral-700 {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
}
.text-neutral-500 {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
}
.text-primary-500 {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-500), var(--tw-text-opacity));
@@ -2140,11 +2127,6 @@ body a, body button {
color: rgba(var(--color-primary-700), var(--tw-text-opacity));
}
.text-neutral-600 {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-600), var(--tw-text-opacity));
}
.text-primary-400 {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
@@ -2202,16 +2184,6 @@ body a, body button {
border-color: rgba(var(--color-primary-300), var(--tw-border-opacity));
}
.hover\:border-primary-400:hover {
--tw-border-opacity: 1;
border-color: rgba(var(--color-primary-400), var(--tw-border-opacity));
}
.hover\:border-primary-500:hover {
--tw-border-opacity: 1;
border-color: rgba(var(--color-primary-500), var(--tw-border-opacity));
}
.hover\:bg-primary-600:hover {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
@@ -2232,9 +2204,9 @@ body a, body button {
background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important;
}
.hover\:text-primary-500:hover {
.hover\:text-primary-600:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-500), var(--tw-text-opacity));
color: rgba(var(--color-primary-600), var(--tw-text-opacity));
}
.hover\:text-primary-700:hover {
@@ -2242,14 +2214,9 @@ body a, body button {
color: rgba(var(--color-primary-700), var(--tw-text-opacity));
}
.hover\:text-primary-400:hover {
.hover\:text-primary-500:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
}
.hover\:text-neutral-600:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-600), var(--tw-text-opacity));
color: rgba(var(--color-primary-500), var(--tw-text-opacity));
}
.hover\:text-neutral:hover {
@@ -2307,6 +2274,10 @@ body a, body button {
outline-color: transparent;
}
[dir="ltr"] .ltr\:right-0 {
right: 0px;
}
[dir="ltr"] .ltr\:-left-6 {
left: -1.5rem;
}
@@ -2323,6 +2294,10 @@ body a, body button {
margin-left: 0.25rem;
}
[dir="ltr"] .ltr\:mr-14 {
margin-right: 3.5rem;
}
[dir="ltr"] .ltr\:-ml-5 {
margin-left: -1.25rem;
}
@@ -2359,6 +2334,10 @@ body a, body button {
text-align: right;
}
[dir="rtl"] .rtl\:left-0 {
left: 0px;
}
[dir="rtl"] .rtl\:-right-6 {
right: -1.5rem;
}
@@ -2375,6 +2354,10 @@ body a, body button {
margin-right: 0.25rem;
}
[dir="rtl"] .rtl\:ml-14 {
margin-left: 3.5rem;
}
[dir="rtl"] .rtl\:-mr-5 {
margin-right: -1.25rem;
}
@@ -2477,6 +2460,10 @@ body a, body button {
background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity));
}
.dark .dark\:bg-neutral-800\/50 {
background-color: rgba(var(--color-neutral-800), 0.5);
}
.dark .dark\:bg-primary-400 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity));
@@ -2561,11 +2548,6 @@ body a, body button {
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
}
.dark .dark\:hover\:text-neutral-300:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
}
.dark .dark\:hover\:text-neutral-800:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-800), var(--tw-text-opacity));