內容簡介
Mortar for Bricks Builder 是一款提升 Bricks 編輯器效率的外掛，提供一系列專注的工作流程工具，讓使用者能夠快速且乾淨地進行網頁建構。每個工具都有實時範例說明，幫助使用者了解其功能。
【主要功能】
• BEM 生成器：批量創建及重命名 CSS 類別
• CSS 食譜：將簡寫擴展為完整 CSS
• 智能值：快速轉換 CSS 值格式
• HTML 標籤：在結構面板中更改語義標籤
• 側邊欄快捷鍵：快速插入常用元素
• 編輯器主題：自訂 Bricks 編輯器顏色
外掛標籤
開發者團隊
原文外掛簡介
Mortar makes building in Bricks faster and cleaner. It adds a set of focused workflow tools to the Bricks editor, each explained with a live example, so you always know what a tool does before you turn it on.
Generate BEM classes in bulk, expand CSS shortcuts into full code, convert smart values, change semantic tags, and move faster through the structure panel. Everything lives in one clean panel, and every module is optional, so you switch on only what you need.
Included modules
BEM Generator: create and rename CSS classes with BEM naming in bulk, right from the structure panel.
CSS Recipes: type a shortcut like @clickable-parent; and it expands into full CSS.
Smart Values: press Enter to turn --space-m into var(--space-m), var(--x) * 2 into calc(var(--x) * 2), 20ctr into 1.25rem and 20cte into 1.25em (px to rem or em). It also works in the Custom CSS code editor: type a value and press the semicolon key to expand it.
HTML Tags: change an element’s semantic tag without leaving the structure panel.
Style Indicators: a coloured bar per element so you see at a glance what is styled via class or via ID.
Sidebar Shortcuts: a configurable quick-insert rail for your most-used elements.
Auto-Select Class: selects the class automatically after you create or rename it.
Export ID Styles to Class: move ID-level styles onto the first CSS class in one click.
Expand Children: expand or collapse an element’s entire subtree at once.
Editor Theme: colour the Bricks builder to match your brand. Pick your accent and surface colours, with presets, your own saved palettes and one-click apply. The Custom CSS code editor follows your theme too, with a dark, readable colour scheme.
Every module follows the same clean settings panel, with a description and a live example.
Independence and 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.
