Page: Text styles

Introduction

Use text styles to apply specific styling to parts of the text in a paragraph.

Select the text and click the paintbrush icon. You can combine multiple styles, but only on the same selection. Nested styling is not supported.

The styles in the example are meant for this example site, these can be changed and expanded depending on the needs of the corporate style guide.

Examples

Use a marker to apply a highlight with the style-highlight class.

This was done using style-quoted, she said.

I'll tag this paragraph with style-tag, example, and paragraph.

Monospaced text is regularly used in code. We can mark this inline with style-code.

You can tailor the combination of styles. In this way you can make style-tag bigger or smaller using style-small or style-large.