Aspect Ratio

The Aspect Ratio swatch will allow you to maintain a specific aspect ratio on any element that you want. As you can see below, there are two boxes that are maintaining an aspect ratio of 16x9 and 1x1 (a square). If you resize the browser you will see that the shape will maintain itself so that the dimensions are always consistent.

16:9

1:1

Display + Custom Visibility

The Display swatch allows you to customize the CSS display property of an element. In the demo below, Container stacks (which normally go full width) are set to be inline. The containers flow next to each other instead of breaking onto a new line.

The orange blocks in the demo below illustrate what will probably be the most used case for the Display swatch: custom visibility. You can easily hide any element and define a custom breakpoint as well. There are 3 orange blocks that can be hidden at different breakpoints by resizing your browser.

0 ⬅ Current Browser Size
Hide at 0-600px
Inline Block
Inline Block
Hide at 1003px+
Inline Block
Inline Block
Hide at 650-925px
Inline Block
Inline Block

Galerie First Side




Vor- und nach der Bildbearbeitung


Stacks Image 440

Markdown

Writing in Markdown format is a simple and fast way to add styled text to your web pages.

  • Ordered and Unordered Lists.
  • Simple Links: Stacks can use Markdown Syntax too.
  • Simple formatting: Bold and Italic.
  • Code snippets: 10 PRINT "HELLO WORLD"