Remove special link class
This cleans up the code quite a bit, but also allows links in editable content to be rendered with the default style.
This commit is contained in:
@@ -1,5 +1,15 @@
|
||||
@layer components {
|
||||
.btn-text-dark { @apply text-black; }
|
||||
.btn-text-dark:hover { @apply text-black no-underline; }
|
||||
.btn-text-dark:visited { @apply text-black; }
|
||||
.btn-text-dark:active { @apply text-black; }
|
||||
.btn-text-light { @apply text-white; }
|
||||
.btn-text-light:hover { @apply text-white no-underline; }
|
||||
.btn-text-light:visited { @apply text-white; }
|
||||
.btn-text-light:active { @apply text-white; }
|
||||
|
||||
.btn {
|
||||
@apply btn-text-dark;
|
||||
@apply inline-block font-semibold rounded-md leading-none cursor-pointer text-center
|
||||
transition-colors duration-75 focus:outline-none focus:ring-4;
|
||||
}
|
||||
@@ -28,17 +38,20 @@
|
||||
}
|
||||
|
||||
.btn-blue {
|
||||
@apply bg-blue-500 hover:bg-blue-600 text-white
|
||||
@apply btn-text-light;
|
||||
@apply bg-blue-500 hover:bg-blue-600
|
||||
focus:ring-blue-400 focus:ring-opacity-75;
|
||||
}
|
||||
|
||||
.btn-emerald {
|
||||
@apply bg-emerald-500 hover:bg-emerald-600 text-white
|
||||
@apply btn-text-light;
|
||||
@apply bg-emerald-500 hover:bg-emerald-600
|
||||
focus:ring-emerald-400 focus:ring-opacity-75;
|
||||
}
|
||||
|
||||
.btn-red {
|
||||
@apply bg-red-600 hover:bg-red-700 text-white
|
||||
@apply btn-text-light;
|
||||
@apply bg-red-600 hover:bg-red-700
|
||||
focus:ring-red-500 focus:ring-opacity-75;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user