ion-cheat-sheet

Opacity of the backdrop

Background of the action sheet group

Background of the action sheet button

Background of the action sheet button when pressed. Note: setting this will interfere with the Material Design ripple.

Opacity of the action sheet button background when pressed

Background of the action sheet button when tabbed to

Opacity of the action sheet button background when tabbed to

Background of the action sheet button on hover

Opacity of the action sheet button background on hover

Background of the selected action sheet button

Opacity of the selected action sheet button background

Color of the action sheet button

Color of the action sheet button when pressed

Color of the action sheet button when tabbed to

Color of the action sheet button on hover

Color of the selected action sheet button

Color of the action sheet text

height of the action sheet

Maximum height of the action sheet

Maximum width of the action sheet

Minimum height of the action sheet

Minimum width of the action sheet

Width of the action sheet

Opacity of the backdrop

Background of the alert

Height of the alert

Maximum height of the alert

Maximum width of the alert

Minimum height of the alert

Minimum width of the alert

Width of the alert

Border radius of the avatar and inner image

Background of the button

Background of the button when focused with the tab key

Opacity of the button background when focused with the tab key

Background of the button on hover

Opacity of the background on hover

Border radius of the button

Text color of the button

Text color of the button when focused with the tab key

Text color of the button on hover

Font size of the button icon

Font weight of the button icon

Bottom margin of the button icon

Right margin if direction is left-to-right, and left margin if direction is right-to-left of the button icon

Left margin if direction is left-to-right, and right margin if direction is right-to-left of the button icon

Top margin of the button icon

Bottom padding of the button icon

Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button icon

Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button icon

Top padding of the button icon

Bottom margin of the button

Right margin if direction is left-to-right, and left margin if direction is right-to-left of the button

Left margin if direction is left-to-right, and right margin if direction is right-to-left of the button

Top margin of the button

Minimum height of the button

Minimum width of the button

Opacity of the button

Bottom padding of the button

Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button

Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button

Top padding of the button

Color of the button ripple effect

Transition of the button

Background of the badge

Text color of the badge

Bottom padding of the badge

Right padding if direction is left-to-right, and left padding if direction is right-to-left of the badge

Left padding if direction is left-to-right, and right padding if direction is right-to-left of the badge

Top padding of the badge

Background of the button

Background of the button when pressed. Note: setting this will interfere with the Material Design ripple.

Opacity of the button when pressed

Background of the button when focused with the tab key

Opacity of the button when focused with the tab key

Background of the button on hover

Opacity of the background on hover

Border color of the button

Border radius of the button

Border style of the button

Border width of the button

Box shadow of the button

Text color of the button

Text color of the button when pressed

Text color of the button when focused with the tab key

Text color of the button when hover

Opacity of the button

Bottom padding of the button

Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button

Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button

Top padding of the button

Color of the button ripple effect

Transition of the button

Background of the card

Color of the card

Color of the card subtitle

Color of the card title

Background of the checkbox icon

Background of the checkbox icon when checked

Border color of the checkbox icon

Border color of the checkbox icon when checked

Border radius of the checkbox icon

Border style of the checkbox icon

Border width of the checkbox icon

Color of the checkbox checkmark when checked

Stroke width of the checkbox checkmark

Size of the checkbox icon

Transition of the checkbox icon

Background of the chip

Color of the chip

Padding for the Column

Padding for the Column on lg screens and up

Padding for the Column on md screens and up

Padding for the Column on sm screens and up

Padding for the Column on xl screens and up

Padding for the Column on xs screens and up

The number of total Columns in the Grid

Background of the content

Color of the content

Keyboard offset of the content

Offset bottom of the content

Offset top of the content

Bottom padding of the content

Right padding if direction is left-to-right, and left padding if direction is right-to-left of the content

Left padding if direction is left-to-right, and right padding if direction is right-to-left of the content

Top padding of the content

Bottom padding of the datetime

Right padding if direction is left-to-right, and left padding if direction is right-to-left of the datetime

Left padding if direction is left-to-right, and right padding if direction is right-to-left of the datetime

Top padding of the datetime

Color of the datetime placeholder

Background of the button

Background of the button when pressed. Note: setting this will interfere with the Material Design ripple.

Opacity of the button background when pressed

Background of the button when focused with the tab key

Opacity of the button background when focused with the tab key

Background of the button on hover

Opacity of the button background on hover

Border color of the button

Border radius of the button

Border style of the button

Border width of the button

Box shadow of the button

Text color of the button

Text color of the button when pressed

Text color of the button when focused with the tab key

Text color of the button on hover

Bottom padding of the button

Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button

Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button

Top padding of the button

Color of the button ripple effect

Transition of the button

Padding for the Grid

Padding for the Grid on lg screens

Padding for the Grid on md screens

Padding for the Grid on sm screens

Padding for the Grid on xl screens

Padding for the Grid on xs screens

Width of the fixed Grid

Width of the fixed Grid on lg screens

Width of the fixed Grid on md screens

Width of the fixed Grid on sm screens

Width of the fixed Grid on xl screens

Width of the fixed Grid on xs screens

Background of the input

Color of the input text

Bottom padding of the input

Right padding if direction is left-to-right, and left padding if direction is right-to-left of the input

Left padding if direction is left-to-right, and right padding if direction is right-to-left of the input

Top padding of the input

Color of the input placeholder text

Font style of the input placeholder text

Font weight of the input placeholder text

Opacity of the input placeholder text

Background of the item

Background of the item when pressed. Note: setting this will interfere with the Material Design ripple.

Opacity of the item background when pressed

Background of the item when focused with the tab key

Opacity of the item background when focused with the tab key

Background of the item on hover

Opacity of the background of the item on hover

Color of the item border

Radius of the item border

Style of the item border

Width of the item border

Color of the item

Color of the item when pressed

Color of the item when focused with the tab key

Color of the item on hover

Color of the item detail icon

Font size of the item detail icon

Opacity of the item detail icon

The color of the highlight on the item when focused

The color of the highlight on the item when invalid

The color of the highlight on the item when valid

The height of the highlight on the item

Width of the item inner border

Box shadow of the item inner

Bottom padding of the item inner

Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item inner

Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item inner

Top padding of the item inner

Minimum height of the item

Bottom padding of the item

Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item

Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item

Top padding of the item

Color of the item ripple effect

Transition of the item

Background of the item divider

Color of the item divider

Bottom inner padding of the item divider

End inner padding of the item divider

Start inner padding of the item divider

Top inner padding of the item divider

Bottom padding of the item divider

Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item divider

Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item divider

Top padding of the item divider

Background of the item option

Color of the item option

Color of the label

Background of the list header

Color of the list header border

Style of the list header border

Width of the list header border

Color of the list header text

Width of the inner list header border

Opacity of the backdrop

Background of the loading dialog

Height of the loading dialog

Maximum height of the loading dialog

Maximum width of the loading dialog

Minimum height of the loading dialog

Minimum width of the loading dialog

Color of the loading spinner

Width of the loading dialog

Background of the menu

Height of the menu

Maximum height of the menu

Maximum width of the menu

Minimum height of the menu

Minimum width of the menu

Width of the menu

Background of the menu button

Background of the menu button when focused with the tab key

Opacity of the menu button background when focused with the tab key

Background of the menu button on hover

Opacity of the background on hover

Border radius of the menu button

Color of the menu button

Color of the menu button when focused with the tab key

Color of the menu button on hover

Bottom padding of the button

Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button

Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button

Top padding of the button

Opacity of the backdrop

Background of the modal content

Border color of the modal content

Border radius of the modal content

Border style of the modal content

Border width of the modal content

Height of the modal

Maximum height of the modal

Maximum width of the modal

Minimum height of the modal

Minimum width of the modal

Width of the modal

Color of the note

Opacity of the backdrop

Background of the picker

Background of the picker in rgb format

Border color of the picker

Border radius of the picker

Border style of the picker

Border width of the picker

Height of the picker

Maximum height of the picker

Maximum width of the picker

Minimum height of the picker

Minimum width of the picker

Width of the picker

Opacity of the backdrop

Background of the popover

Box shadow of the popover

Height of the popover

Maximum height of the popover

Maximum width of the popover

Minimum height of the popover

Minimum width of the popover

Width of the popover

Same as --buffer-background when using a determinate progress bar, otherwise it styles the background of the ion-progress-bar itself.

Color of the buffer bar

Color of the progress bar

Border radius of the radio

Color of the radio

Color of the checked radio

Border radius of the inner checked radio

Background of the range bar

Background of the active range bar

Border radius of the range bar

Height of the range bar

Height of the range

Background of the range knob

Border radius of the range knob

Box shadow of the range knob

Size of the range knob

Background of the range pin

Color of the range pin

Background of the router link

Text color of the router link

Background of the searchbar input

Box shadow of the searchbar input

Color of the searchbar cancel button

Color of the searchbar clear button

Color of the searchbar text

Color of the searchbar icon

Color of the searchbar placeholder

Font style of the searchbar placeholder

Font weight of the searchbar placeholder

Opacity of the searchbar placeholder

Background of the segment button

Background of the segment button

Background of the checked segment button

Background of the segment button when focused with the tab key

Opacity of the segment button background when focused with the tab key

Background of the segment button on hover

Opacity of the segment button background on hover

Color of the segment button border

Radius of the segment button border

Style of the segment button border

Width of the segment button border

Color of the segment button

Color of the checked segment button

Color of the segment button when focused with the tab key

Color of the segment button on hover

Box shadow on the indicator for the checked segment button

Color of the indicator for the checked segment button

Height of the indicator for the checked segment button

Transform of the indicator for the checked segment button

Transition of the indicator for the checked segment button

Bottom margin of the segment button

Right margin if direction is left-to-right, and left margin if direction is right-to-left of the segment button

Left margin if direction is left-to-right, and right margin if direction is right-to-left of the segment button

Top margin of the segment button

Bottom padding of the segment button

Right padding if direction is left-to-right, and left padding if direction is right-to-left of the segment button

Left padding if direction is left-to-right, and right padding if direction is right-to-left of the segment button

Top padding of the segment button

Transition of the segment button

Bottom padding of the select

Right padding if direction is left-to-right, and left padding if direction is right-to-left of the select

Left padding if direction is left-to-right, and right padding if direction is right-to-left of the select

Top padding of the select

Color of the select placeholder text

Opacity of the select placeholder text

Background of the skeleton text

Background of the skeleton text in rgb format

Border radius of the skeleton text

Background of the pagination bullets

Background of the active pagination bullet

Background of the pagination progress-bar

Background of the active pagination progress-bar

Background of the pagination scroll-bar

Background of the active pagination scroll-bar

Color of the spinner

Border between panes

Maximum width of the side pane. Does not apply when split pane is collapsed.

Minimum width of the side pane. Does not apply when split pane is collapsed.

Width of the side pane. Does not apply when split pane is collapsed.

Background of the tab bar

Border of the tab bar

Color of the tab bar

Background of the tab button

Background of the tab button when focused with the tab key

Opacity of the tab button background when focused with the tab key

Color of the tab button

Color of the tab button when focused with the tab key

Color of the selected tab button

Bottom padding of the tab button

Right padding if direction is left-to-right, and left padding if direction is right-to-left of the tab button

Left padding if direction is left-to-right, and right padding if direction is right-to-left of the tab button

Top padding of the tab button

Color of the button ripple effect

Background of the textarea

Border radius of the textarea

Color of the text

Bottom padding of the textarea

Right padding if direction is left-to-right, and left padding if direction is right-to-left of the textarea

Left padding if direction is left-to-right, and right padding if direction is right-to-left of the textarea

Top padding of the textarea

Color of the placeholder text

Style of the placeholder text

Weight of the placeholder text

Opacity of the placeholder text

Border radius of the thumbnail

Size of the thumbnail

Text color of the title

Background of the toast

Border color of the toast

Border radius of the toast

Border style of the toast

Border width of the toast

Box shadow of the toast

Color of the button text

Color of the toast text

Position from the right if direction is left-to-right, and from the left if direction is right-to-left

Height of the toast

Maximum height of the toast

Maximum width of the toast

Minimum height of the toast

Minimum width of the toast

Position from the left if direction is left-to-right, and from the right if direction is right-to-left

Width of the toast

Background of the toggle

Background of the toggle when checked

Border radius of the toggle track

Background of the toggle handle

Background of the toggle handle when checked

Border radius of the toggle handle

Background of the toolbar

Color of the toolbar border

Style of the toolbar border

Width of the toolbar border

Color of the toolbar text

Minimum height of the toolbar

Opacity of the toolbar background

Bottom padding of the toolbar

Right padding if direction is left-to-right, and left padding if direction is right-to-left of the toolbar

Left padding if direction is left-to-right, and right padding if direction is right-to-left of the toolbar

Top padding of the toolbar