Mortar

Mortar
Mortal macht den Bricks Workflow schneller und sauberer. Es fügt dem Bricks-Editor eine Reihe fokussierter Workflow-Tools hinzu, die jeweils anhand eines Live-Beispiels erläutert werden, sodass du immer weißt, was ein Tool tut, bevor du es einschaltest.
  • BEM-Generator: Erstelle und benenne CSS-Klassen mit BEM-Benennung in großen Mengen direkt im Strukturfenster um.
  • CSS-Rezepte: Gebe eine Verknüpfung wie @clickable-parent ein; und es wird zu vollständigem CSS erweitert.
  • Intelligente Werte: Drücke die Eingabetaste, um –space-m in var(–space-m), var(–x) * 2 in calc(var(–x) * 2), 20ctr in 1,25rem und 20cte in 1,25em (px in rem oder em) umzuwandeln. Es funktioniert auch im benutzerdefinierten CSS-Code-Editor: Gebe einen Wert ein und drücke die Semikolon-Taste, um ihn zu erweitern.
  • HTML-Tags: Ändere das semantische Tag eines Elements, ohne das Strukturfenster zu verlassen.
  • Stilindikatoren: ein farbiger Balken pro Element, sodass du auf einen Blick siehst, was über Klasse oder ID gestylt wird.
  • Sidebar Shortcuts: eine konfigurierbare Schnelleinfügeleiste für deine am häufigsten verwendeten Elemente.
  • Klasse automatisch auswählen: wählt die Klasse automatisch aus, nachdem du sie erstellt oder umbenannt hast.
  • ID-Stile in Klasse exportieren: Verschiebe Stile auf ID-Ebene mit einem Klick in die erste CSS-Klasse.
  • Kinder erweitern: Erweitere oder reduziere den gesamten Teilbaum eines Elements auf einmal.
  • Editor-Thema: Färbe den Bricks Builder so, dass er zu deiner Marke passt. Wähle deinen Akzent und deine Oberflächenfarben mit Voreinstellungen, deine eigenen gespeicherten Paletten mit einem Klick. Der benutzerdefinierte CSS-Code-Editor folgt ebenfalls deinem Design und verfügt über ein dunkles, lesbares Farbschema.