mirror of
https://0xacab.org/sutty/sutty
synced 2024-11-23 02:06:22 +00:00
39 lines
985 B
SCSS
39 lines
985 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/dist/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;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|