mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-14 23:47:48 +00:00
trix doesn't allow the use of `<p>` as block separator since it can not contain `<figure>`: use `<div>` and _emulate_ as `<p>` with margin bottom
31 lines
624 B
SCSS
31 lines
624 B
SCSS
trix-toolbar [data-trix-button-group="file-tools"] {
|
|
display: none;
|
|
}
|
|
|
|
// Match the rendering into the shopfront (see ../darkswarm/)
|
|
trix-editor {
|
|
color: #222;
|
|
|
|
ol,
|
|
ul {
|
|
margin-left: 1.5em;
|
|
}
|
|
|
|
a {
|
|
color: #9fc820; // Equivalent to text-angular a
|
|
}
|
|
|
|
div {
|
|
margin-bottom: 1.5rem; // Equivalent to text-angular p (trix doesn't use p as default one, since we could not include figures inside p)
|
|
}
|
|
|
|
// Copy/pasted from _type.scss
|
|
blockquote {
|
|
line-height: 1.6;
|
|
color: #6f6f6f;
|
|
margin: 0 0 1.25rem;
|
|
padding: 0.5625rem 1.25rem 0 1.1875rem;
|
|
border-left: 1px solid #dddddd;
|
|
}
|
|
}
|