Customizing Floating-action-button
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$kendo-fab-border-width | Number |
|
|
Description Width of the border around the FAB. | |||
$kendo-fab-border-radius | Number |
|
|
Description Border radius of the FAB. | |||
$kendo-fab-font-family | List |
|
|
Description Font family of the FAB. | |||
$kendo-fab-font-size | Number |
|
|
Description Font size of the FAB. | |||
$kendo-fab-line-height | Number |
|
|
Description Line height of the FAB. | |||
$kendo-fab-padding-x | Number |
|
|
Description Horizontal padding of the FAB. | |||
$kendo-fab-padding-y | Number |
|
|
Description Vertical padding of the FAB. | |||
$kendo-fab-icon-width | Number |
|
|
Description FAB icon width. | |||
$kendo-fab-icon-height | Number |
|
|
Description FAB icon height. | |||
$kendo-fab-icon-spacing | Number |
|
|
Description FAB icon spacing. | |||
$kendo-fab-items-padding-x | Number |
|
|
Description FAB items horizontal padding. | |||
$kendo-fab-items-padding-y | Number |
|
|
Description FAB items vertical padding. | |||
$kendo-fab-item-text-padding-x | Number |
|
|
Description FAB item text horizontal padding. | |||
$kendo-fab-item-text-padding-y | Number |
|
|
Description FAB item text vertical padding. | |||
$kendo-fab-item-text-border-width | Number |
|
|
Description Width of the FAB item text border. | |||
$kendo-fab-item-text-border-radius | Number |
|
|
Description Border radius of the FAB item text. | |||
$kendo-fab-item-text-font-size | Number |
|
|
Description Font size of the FAB item text. | |||
$kendo-fab-item-text-line-height | Number |
|
|
Description Line height of the FAB item text. | |||
$kendo-fab-item-icon-padding-x | Number |
|
|
Description FAB item icon horizontal padding. | |||
$kendo-fab-item-icon-padding-y | Number |
|
|
Description FAB item icon vertical padding. | |||
$kendo-fab-item-icon-border-width | Number |
|
|
Description Width of the FAB item icon border. | |||
$kendo-fab-item-icon-border-radius | Number |
|
|
Description Border radius of the FAB item icon. | |||
$kendo-fab-item-icon-width | Number |
|
|
Description Width of the FAB item icon. | |||
$kendo-fab-item-icon-height | Number |
|
|
Description height of the FAB item icon. | |||
$kendo-fab-theme-colors | Map |
|
|
Description Theme colors map for the FAB. | |||
$kendo-fab-shadow | List |
|
|
Description The base shadow of the FAB. | |||
$kendo-fab-disabled-shadow | List |
|
|
Description The disabled shadow of the FAB. | |||
$kendo-fab-active-shadow | Null |
|
|
Description The active shadow of the FAB. | |||
$kendo-fab-item-text | Color |
|
|
Description The base text color of the FAB item. | |||
$kendo-fab-item-bg | Color |
|
|
Description The base background color of the FAB item. | |||
$kendo-fab-item-border | Color |
|
|
Description The base border color of the FAB item. | |||
$kendo-fab-item-icon-text | Color |
|
|
Description The base text color of the FAB item icon. | |||
$kendo-fab-item-icon-bg | Color |
|
|
Description The base background color of the FAB item icon. | |||
$kendo-fab-item-icon-border | Color |
|
|
Description The base border color of the FAB item icon. | |||
$kendo-fab-item-shadow | List |
|
|
Description The base shadow of the FAB item. | |||
$kendo-fab-item-disabled-shadow | List |
|
|
Description The disabled shadow of the FAB item. | |||
$kendo-fab-item-active-shadow | Null |
|
|
Description The active shadow of the FAB item. |