Styles
The Style card defines several style fields that affect how content is rendered and displayed. Cards are associated with styles via the Presentation card.
Example
{
"type": "Style",
"FONT_SIZE": "normal",
"FOREGROUND_COLOR": "#0ff0"
}
Fields
FONT_SIZEFONT_FACEFOREGROUND_COLORBACKGROUND_COLORFILL_MODELIST_SYMBOLMAP_TYPEEMBED_TYPEHORIZONTAL_ALIGNVERTICAL_ALIGNWIDTHHEIGHT
FONT_SIZE
Summary
Set the font size.
Values
| Value | Meaning | Caveats | Version |
|---|---|---|---|
"tiny" |
Smallest text size. | 1 | |
"small" |
Small text size. | 1 | |
"normal" |
Standard text size. | 1 | |
"large" |
Large text size. | 1 | |
"giant" |
Largest text size. | 1 |
FONT_FACE
Summary
Set the font family.
Values
| Value | Meaning | Caveats | Version |
|---|---|---|---|
string |
Font name. | Can use a comma separated list. | 1 |
FOREGROUND_COLOR
Summary
The color to use for foreground content (i.e., text).
Values
| Value | Meaning | Caveats | Version |
|---|---|---|---|
string |
Color code. | Specified in hex. Can include alpha as first digits. | 1 |
BACKGROUND_COLOR
Summary
The color to use for background content.
Values
| Value | Meaning | Caveats | Version |
|---|---|---|---|
string |
Color code. | Specified in hex. Can include alpha as first digits. | 1 |
FILL_MODE
Summary
Determine how content is transformed when expanded.
Values
| Value | Meaning | Caveats | Version |
|---|---|---|---|
"aspect:fit" |
Fit to aspect ratio. | 1 | |
"aspect:fill" |
Fill to aspect ratio. | 1 | |
"aspect:both" |
Attempt to fit and fill to aspect ratio. | 1 | |
"fullscreen" |
Go full screen. | 1 |
LIST_SYMBOL
Summary
Determine symbol to use for rendering lists.
Values
| Value | Meaning | Caveats | Version |
|---|---|---|---|
"bullet" |
Use bullets. | Default for unordered. | 1 |
"number" |
Use numbers. | Default for ordered. | 1 |
MAP_TYPE
Summary
Determine map rendering style.
Values
| Value | Meaning | Caveats | Version |
|---|---|---|---|
"standard" |
Use standard view. | 1 | |
"satellite" |
Use satellite imagery. | 1 | |
"hybrid" |
Combine standard and satellite views. | 1 |
EMBED_TYPE
Summary
Customize how an embed is integrated into surrounding content.
Values
| Value | Meaning | Caveats | Version |
|---|---|---|---|
"seamless" |
Render embed seamlessly. | 1 | |
"fullscreen" |
Render embed in fullscreen mode. | 1 |
HORIZONTAL_ALIGN
Summary
Determine the horizontal alignment of content.
Values
| Value | Meaning | Caveats | Version |
|---|---|---|---|
"left" |
Render left aligned. | 1 | |
"right" |
Render right aligned. | 1 | |
"center" |
Render in center. | 1 |
VERTICAL_ALIGN
Summary
Determine the vertical alignment of content.
Values
| Value | Meaning | Caveats | Version |
|---|---|---|---|
"top" |
Render at parent’s top. | 1 | |
"bottom" |
Render at parent’s bottom. | 1 | |
"center" |
Render in center. | 1 | |
"above" |
Render above parent. | 1 | |
"below" |
Render below parent. | 1 |
WIDTH
Summary
Set the width of some content.
Values
| Value | Meaning | Caveats | Version |
|---|---|---|---|
number |
Width in pixels. | 1 |
HEIGHT
Summary
Set the height of some content.
Values
| Value | Meaning | Caveats | Version |
|---|---|---|---|
number |
Height in pixels. | 1 |