It is also possible to use stylemap.yml
to map Word styles to CSS classes.
When using the following example, Fluid Topics transforms the info
paragraphs into <div class="note" data-custom-style="info">
elements.
div.note:
- info
Download the stylemap_use_example.zip
attachment for an example style map and Word document.
Fluid Topics transforms paragraphs with custom styles that are not mapped with stylemap.yml
as <div>
elements with a data-custom-style
attribute. The value of data-custom-style
corresponds to the name of the style.
Users can style these paragraphs using CSS in the Content Styles editor. For example, if a Word file contains a substep
style not mapped with stylemap.yml
, users can style it in the Content Styles editor as follows:
div[data-custom-style="substep"] {
font-family: "Comic Sans MS", "Comic Sans", cursive;
color: red;
font-size: 20pt;
}