Fix buttons in rte generated content

This commit is contained in:
Björn Fromme
2022-07-12 12:26:21 +02:00
parent 0c706ba9e4
commit 46c61e50b5
5 changed files with 33 additions and 16 deletions
@@ -25,6 +25,27 @@ a:not(.button) {
@apply text-ep-primary-light sbw:text-sbw-primary-dark;
}
a.rte-button {
@apply inline-flex items-center justify-center px-4 py-2 md:px-8;
@apply uppercase leading-none text-center;
@apply transition-colors outline-none focus:outline-none;
@apply bg-ep-primary-light text-white;
@apply sbw:bg-sbw-secondary;
@apply snz:bg-snz-secondary;
@apply uch:bg-uch-secondary;
@apply ser:bg-ser-secondary;
@apply hover:bg-ep-secondary group-hover:bg-ep-secondary;
@apply sbw:hover:bg-sbw-primary-dark sbw:group-hover:bg-sbw-primary-dark;
@apply snz:hover:bg-snz-primary-dark snz:group-hover:bg-snz-primary-dark;
@apply uch:hover:bg-uch-primary-dark uch:group-hover:bg-uch-primary-dark;
@apply ser:hover:bg-ser-primary ser:group-hover:bg-ser-primary;
}
a.rte-button--full {
@extend .rte-button;
@apply w-full;
}
table,
.table {
@apply w-full;
@@ -10,21 +10,15 @@ table {
font-size: inherit;
}
a.button {
border: 1px solid #999;
padding: 0.25em;
}
a.bg-button {
a.rte-button {
@apply inline-flex items-center justify-center px-4 py-2 md:px-8 cursor-pointer;
@apply uppercase leading-none text-center no-underline;
@apply bg-ep-primary-light text-white;
@apply hover:bg-ep-secondary group-hover:bg-ep-secondary;
}
a.button--full {
border: 1px solid #999;
padding: 0.25em;
display: block;
width: 95%;
a.rte-button--full {
@extend .rte-button;
@apply w-full;
}
td, th {