36 lines
970 B
SCSS
36 lines
970 B
SCSS
//
|
||
// Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
|
||
// the trix-editor content (whether displayed or under editing). Feel free to incorporate this
|
||
// inclusion directly in any other asset bundle and remove this file.
|
||
//
|
||
// = require trix
|
||
|
||
// We need to override trix.css’s image gallery styles to accommodate the
|
||
// <action-text-attachment> element we wrap around attachments. Otherwise,
|
||
// images in galleries will be squished by the max-width: 33%; rule.
|
||
.trix-content {
|
||
.attachment-gallery {
|
||
> action-text-attachment,
|
||
> .attachment {
|
||
flex: 1 0 33%;
|
||
padding: 0 0.5em;
|
||
max-width: 33%;
|
||
}
|
||
|
||
&.attachment-gallery--2,
|
||
&.attachment-gallery--4 {
|
||
> action-text-attachment,
|
||
> .attachment {
|
||
flex-basis: 50%;
|
||
max-width: 50%;
|
||
}
|
||
}
|
||
}
|
||
|
||
action-text-attachment {
|
||
.attachment {
|
||
padding: 0 !important;
|
||
max-width: 100% !important;
|
||
}
|
||
}
|
||
}
|