fix: 💄 prevent link styles from applying to buttons
This commit is contained in:
parent
67c10f96c1
commit
f8a5913600
2 changed files with 2 additions and 2 deletions
|
@ -1,3 +1,3 @@
|
||||||
.read-more-button {
|
.read-more-button {
|
||||||
@apply inline-flex items-center gap-2 rounded-xl bg-sky-600 px-5 py-2 text-lg font-bold text-white no-underline hover:bg-sky-700;
|
@apply inline-flex items-center gap-2 rounded-xl bg-sky-600 px-5 py-2 text-lg font-bold text-white no-underline transition-colors duration-300 hover:bg-sky-700;
|
||||||
}
|
}
|
||||||
|
|
|
@ -30,7 +30,7 @@ h6 {
|
||||||
font-variation-settings: 'XROT' 0, 'YROT' 0;
|
font-variation-settings: 'XROT' 0, 'YROT' 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:not(.nav-link) {
|
a:not(.nav-link, .read-more-button) {
|
||||||
@apply text-inherit underline decoration-sky-600 decoration-2 underline-offset-4 transition-colors duration-300 hover:text-sky-600;
|
@apply text-inherit underline decoration-sky-600 decoration-2 underline-offset-4 transition-colors duration-300 hover:text-sky-600;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue