Style editor

Highlight
Button
Border
Background
Spacing
List item
Miscellanous
Advanced

Preview

si-highlight
si-highlight-background

Highlight color

Highlight foreground

Preview

si-button

Background color

Text color

Border

Color

Style

(Default) Solid Dashed Dotted Double

Thickness

Corner roundness

Background color

Text color

Border

Color

Style

(Default) Solid Dashed Dotted Double

Thickness

Corner roundness

Preview

si-border si-border-radius

Color

Style

(Default) Solid Dashed Dotted Double

Thickness

Corner roundness

Preview

si-background
si-background-small-contrast
si-background-medium-contrast
si-background-high-contrast
Global background

Background

Foreground

Small contrast background

Background

Foreground

Medium contrast background

Background

Foreground

High contrast background

Background

Foreground

Preview

Item 1
Item 2
Item 3
List of items with si-padding class

Padding  

Grid spacing  

Preview

Sold
500 000$
Metropolis
12345 Main street
John Doe
Real estate broker

Picture ratio

Picture coverage

(Default) Cover the area Is contained within the area
Sold flag

Background color

Text color

Picture ratio

Picture coverage

(Default) Cover the area Is contained within the area

Preview

The quick brown fox jumps over the lazy dog.
12345

Font name

Text color

ULS label

Reset {{button.label.siTranslate()}}