Jadle Modifiers

Modifiers adjust the appearance and behavior of elements in Jadle documents. They are appended to elements with a space separator.

Borders

border-color:

A color for a border

Autocomplete Options

  • colors

border-thickness:

How thick is the border

corner-radius:

Makes the corners rounder

padding:

Space around

padding-bottom:

Space below

padding-left:

Space left

padding-right:

Space right

padding-top:

Space above

General

background:

A background color or image

Autocomplete Options

  • colors
  • images

color:

Choose a color

Autocomplete Options

  • colors

font:

Choose a font

Autocomplete Options

  • fonts

opacity:

How transparent this thing is.

size:

Choose a size

Available Options

  • small
  • medium
  • large
  • xlarge

Images

blur:

Try blurring something, eg. blur: 1.3

hideOn:

Hide this when it's on desktop or mobile

Autocomplete Options

  • hide

Available Options

  • desktop
  • mobile

Position

align:

Should it be to the left, right, center or justified if its text

Autocomplete Options

  • placement

Available Options

  • left
  • center
  • right
  • justify

across:

Move the element across from the left side of the page by this percent of the screen size

anchor:

top, center or bottom?

Autocomplete Options

  • animate

Available Options

  • center
  • top
  • bottom

animate:

Add an animation to a specific thing

Autocomplete Options

  • placement

Available Options

  • dropAndExpand::m23

down:

Move the element down from the top of the page by this percent of the screen size

Size

height:

The height of the thing

width:

The width of an element

Text

columns:

How many columns will this paragraph split into?

decoration:

underline, strikethrough

Autocomplete Options

  • decoration

Available Options

  • underline
  • line-through
  • overline
  • underline overline
  • underline line-through

line-height:

The height of a line of text including the white space around it.

shadow:

Choose a color

Autocomplete Options

  • colors

Available Options

  • normal
  • over-image

weight:

bold, bolder, lighter, normal

Autocomplete Options

  • weight

Available Options

  • light
  • bold

Video

mute:

Mute the video. The viewer can unmute it if they like

Autocomplete Options

  • toggle

Xtra

caption:

Add a caption to an image

delay:

How long until the item appears

effect:

Add a special effect.

Autocomplete Options

  • effect

loop:

When autoplay is on, should the video loop?

Autocomplete Options

  • loop