Fix buttons in rte generated content
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user