Select one or more tags, then press “Search Plugins”

Find Plugin with any / all of the selected criteria
Search Plugin

Mortar Wordpress Plugin - Rating, Reviews, Demo & Download

Mortar Preview Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

Mortar is a suite of workflow tools that extend the Bricks Builder editor. It adds a master–detail settings panel where every module is explained with a live example, so you always know what each tool does before enabling it. Each module can be toggled on or off independently.

Included modules

  • BEM Generator — generate and rename CSS classes with BEM naming in bulk.
  • Style Indicators — a coloured bar per element (blue = styled via CSS class, red = styled via ID).
  • Sidebar Shortcuts — a configurable quick-insert rail (add, remove and reorder elements).
  • HTML Tags — change an element’s semantic tag from the structure panel.
  • Auto-Select Class — selects the class automatically after create/rename.
  • Export ID Styles to Class — move ID-level styles to the first CSS class.
  • CSS Recipes — expand shortcuts like @clickable-parent; into full CSS.
  • Expand Children — expand or collapse an element’s entire subtree at once.
  • Smart Values — press Enter to turn --space-m into var(--space-m), and var(--x) * 2 into calc(var(--x) * 2).

Every module follows one clean settings panel (dark theme, purple accent) with a description and a live example, plus visible focus rings, ARIA labels and keyboard activation.

Independence / trademark

Mortar is an independent project. It is not affiliated with, endorsed by, or sponsored by Bricks Builder or its makers. “Bricks” is a trademark of its respective owner and is used here only to describe compatibility.

Screenshots

  1. The Mortar settings panel inside the Bricks editor — every module with a description and a live example.

    The Mortar settings panel inside the Bricks editor — every module with a description and a live example.

  2. BEM Generator — bulk-create and rename classes with BEM naming, right from the structure panel.

    BEM Generator — bulk-create and rename classes with BEM naming, right from the structure panel.

  3. CSS Recipes — type a shortcut like <code>@clickable-parent;</code> and it expands into full CSS.

    CSS Recipes — type a shortcut like @clickable-parent; and it expands into full CSS.

  4. Smart Values — turn <code>--space-m</code> into <code>var(--space-m)</code> with one keypress.

    Smart Values — turn --space-m into var(--space-m) with one keypress.

  5. HTML Tags — change an element's semantic tag from the structure panel.

    HTML Tags — change an element’s semantic tag from the structure panel.

  6. Style Indicators — a coloured bar per element (blue = styled via CSS class, red = via ID).

    Style Indicators — a coloured bar per element (blue = styled via CSS class, red = via ID).

  7. Sidebar Shortcuts — a quick-insert rail for your most-used elements.

    Sidebar Shortcuts — a quick-insert rail for your most-used elements.


Reviews & Comments