forked from eatvio/eatvio-infra
50 lines
1.2 KiB
CSS
50 lines
1.2 KiB
CSS
/** These are specific for the tag that will be added to the rich text content */
|
|
.trix-content .attachment-gallery > .attachment,
|
|
.trix-content .attachment-gallery > rich-text-attachment {
|
|
flex: 1 0 33%;
|
|
padding: 0 0.5em;
|
|
max-width: 33%;
|
|
}
|
|
|
|
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment,
|
|
.trix-content .attachment-gallery.attachment-gallery--2 > rich-text-attachment,
|
|
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment,
|
|
.trix-content .attachment-gallery.attachment-gallery--4 > rich-text-attachment {
|
|
flex-basis: 50%;
|
|
max-width: 50%;
|
|
}
|
|
|
|
.trix-content rich-text-attachment .attachment {
|
|
padding: 0 !important;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
/** These are TailwindCSS specific tweaks */
|
|
.trix-content {
|
|
@apply w-full;
|
|
}
|
|
|
|
.trix-content h1 {
|
|
font-size: 1.25rem !important;
|
|
line-height: 1.25rem !important;
|
|
@apply leading-5 font-semibold mb-4;
|
|
}
|
|
|
|
.trix-content a:not(.no-underline) {
|
|
@apply underline;
|
|
}
|
|
|
|
.trix-content ul {
|
|
list-style-type: disc;
|
|
padding-left: 2.5rem;
|
|
}
|
|
|
|
.trix-content ol {
|
|
list-style-type: decimal;
|
|
padding-left: 2.5rem;
|
|
}
|
|
|
|
.trix-content img {
|
|
margin: 0 auto;
|
|
}
|