camelia-studio/md-composer-color-plus-ultra
camelia-studio/md-composer-color-plus-ultra
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Modification de "md-composer-extras" pour correspondre à nos besoins.
39 Commits 3 Branches 0 Tags 114 KiB
HTML 91.3%
SCSS 8.7%
c4ee0f1da1
Go to file
T. H. Wright c4ee0f1da1 Fix CSS margins for floats inner paragraph
2019-11-16 01:28:33 -05:00
common Delineate CSS by common, desktop, mobile 2019-11-13 14:59:20 -05:00
desktop Fix CSS margins for floats inner paragraph 2019-11-16 01:28:33 -05:00
mobile Delineate CSS by common, desktop, mobile 2019-11-13 14:59:20 -05:00
.gitattributes Initial commit 2019-05-28 21:59:31 +02:00
about.json Initial responsive update. 2019-11-13 13:11:06 -05:00
README.md Update README; modify columns CSS 2019-11-16 01:20:14 -05:00
settings.yml Columns clarification. 2019-11-16 01:07:26 -05:00

README.md

MD Composer Extras

Add some formatting option in your Discourse composer : underline, strikethrough, superscript, subscript, center, align right, justify , float left, float right, and columns.

The CSS for columns and floats is disabled on mobile. By default on mobile columns and float will appear as single column content. The missing CSS can be added in again manually.

Columns and Floats

When using columns and floats, note that the text will autobreak once an appropriate amount of content has been placed in the second column or to the side of the float.

Columns have a CSS border to for ease of viewing.

A column is broken by placing [/wrap] at the end of the first column's content.

Column Example

Place the following in your editor to see how columns work.

Test

[wrap="columns"]
1
2
3
[/wrap]
1
2
3

Test

For more informations, see :

Credits

Wrap support by thw26 : https://github.com/thw26


I took some parts of the Iconified Header Links and Slick Image Gallery theme components made by Johani :

https://meta.discourse.org/t/iconified-header-links/86307 (adding fa5 icons in the theme component) https://meta.discourse.org/t/slick-image-gallery/81952 (manager the translations inside the theme component)