introduction
customization
modules
ElementsHelpersMarkupReset
elements
helpers
presets
packages
guides
Markup

this module provides base classes for styling markup elements like <h1>, <blockquote> or <p>.

Disable markup module

The markup module can be disabled providing an object in the modules field of your configuration with the markup key setted to false:

siimple.config.js
export default {
    modules: {
        markup: false,
    },
    // ...other configuration
};
Usage
Headings

This module includes styles for your heading elements, from <h1> through <h6>. Headings will reuse styles defined in the text.heading field of your theme configuration.

h1. Siimple heading

h2. Siimple heading

h3. Siimple heading

h4. Siimple heading

h5. Siimple heading
h6. Siimple heading
<h1>h1. Siimple heading</h1>
<h2>h2. Siimple heading</h2>
<h3>h3. Siimple heading</h3>
<h4>h4. Siimple heading</h4>
<h5>h5. Siimple heading</h5>
<h6>h6. Siimple heading</h6>
Paragraph

This module includes styles for your <p> elements. Paragraphs will reuse styles defined in the text.paragraph field of your theme configuration.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<p class="has-mb-none">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua.
</p>
Blockquotes

This module includes styles for your <blockquote> elements:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<blockquote>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua.
</blockquote>
Inline links

This module includes styles for your inline links elements. Links will reuse styles defined in the text.link field of your theme configuration.

You can style your link elements.
You can style your <a href="">link</a> elements.
Small text

This module adds styles for your <small> elements, and reuse styles defined in the text.small field of your theme configuration.

You can style your small text elements.
You can style your <small>small text</small> elements.
Inline code

This module includes styles for your inline code elements, and will reuse styles defined in the text.code field of your theme configuration.

You can style your inline code elements.
You can style your <code>inline code</code> elements.
Horizontal rule

This module includes styles for your <hr> elements:

<hr>
Designed and maintained with by @jmjuanes.
Code is licensed under MIT, documentation under Creative Commons Attribution 4.0.
Currently v4.2.0