0.9.5 P1

Compatibility: Oxygen 3.9 / Oxygen 4.0 Alpha 1 Published: 22.02.2022.​

Size: 124kb

Blockpad Editor

New: Code block linking to opened BlockPad

Codesense

New: Stylesheets linking (remember last edited stylesheet)

New: Breakpoints snippet (Stylesheet, Blockpad) [Ctrl-B]@ media max-width

• New: Breakpoints snippet (Stylesheet, Blockpad) [Shift-B]@ media min-width

Command-line (ACTIONS)

New: command for creating Stylesheet (syntax: /stylesheetName)

New: command for creating Stylesheet (syntax: |folderName)New: command for importing GitHub Gist (more:

)

Fix: text selection not showing

Fix: Class higlighter option bug (adds just first class when this enabled)

Fix: Duplicate command performs duplication and multiplication

• Fix: Change content command works only on first element

User Preference

New: Data format changed, added direct links to Docs

New: Added categories for organizing all options

New: Canvas small Scrollbar

New: Disable shortcuts

New: Stylesheets/ selector panel UI pack

New: Advantor style 5 options

New: Docking option

New: Margin/Padding 3 views (just for Oxygen 4.0)

• New: Command-line auto-rename automation rule

Responsive Helpers

Polish: Canvas centered

• New: Canvas Auto-Zoom to fit if device is bigger

Structure Filters

New: UI Tweaks, colored filters

Class switcher

New: Show delete class button on hover

Quickflow actions

New: Right click on Canvas Settings to generate @media query to clipboard (+ Ctrl for "Mobile first" min-width)

• New: Right click on Breakpoint selector to generate @media query to clipboard (+ Ctrl for "Mobile first" min-width), just for Oxygen 4.0+

General UI/UX

• New: Toast alerts above command-line after actions to indicate action
• New: Toast alerts above command-line after actions to indicate action
• Fix: Panelator Grey screen of death
• Polish: Structure Style option - Sleek
• Polish/Fix: Expand units option

Experimental Features

E1: Reororder Selectors (move up/down)

How to use?

1. Select desired Selector
2. Open Dev tools - Console
3. Call function recoda. moveSelector ("up") or recoda. moveSelector ("down")

E2: Reororder Stylesheets (move up/down)

How to use?

1. Select desired Stylesheet
2. Open Dev tools + Console
3. Call function recoda. moveStylesheet ("up") or recoda. moveStylesheet ("down")