Boolean$card-disable-everything: false !default;Set to true to disable all the styles
Boolean$card-disable-bordered: false !default;Set to true to disable the bordered styles since cards use box-shadow by default.
Boolean$card-disable-shadowed: false !default;Set to true to disable the box-shadow styles if you want to rely on the border styles instead.
Boolean$card-disable-raisable: $disable-shadowed !default;Set to true to disable the raisable card styles where hovering a card increases the elevation/box-shadow.
Boolean$card-disable-clickable: false !default;Set to true to disable the clickable card styles
Boolean$card-disable-content-last-child-padding: false !default;Set to true to disable the styles for adding additional padding to the last CardContent that exists
Number$card-elevation: 2 !default;The default card box-shadow elevation
Number$card-raisable-start-elevation: 1 !default;The default card raisable starting box-shadow elevation
Number$card-raisable-end-elevation: 8 !default;The default card raisable ending (hovering) box-shadow elevation
Color$card-light-theme-background-color: theme.theme-get-var(surface-color) !default;The background color to use when using the global light theme
Color$card-background-color: theme.get-default-color(
$light-theme-background-color,
$dark-theme-background-color
) !default;The default card background color
Color$card-color: theme.theme-get-var(text-primary-color) !default;The default card text color
Color$card-border-color: divider.get-var(color) !default;The default border-color for bordered cards
Number$card-border-width: divider.get-var(size) !default;The default border-width for bordered cards
Number$card-border-radius: border-radius.get-var(xs) !default;The default border-radius for bordered cards
Number$card-header-padding: spacing.get-var(md) !default;The default padding to apply to CardHeader
Number$card-header-padding-top: spacing.get-var(lg) !default;The default padding-top to apply to CardHeader
Number$card-header-spacing: spacing.get-var(md) !default;The default column-gap to apply to the CardHeader
Number$card-content-padding: spacing.get-var(md) !default;The default padding to apply to the CardContent
Number$card-content-padding-bottom: spacing.get-var(lg) !default;The default padding-bottom to apply to the CardContent when it is the last child and the $disable-content-last-child-padding feature flag has not been disabled.
Number$card-footer-padding: spacing.get-var(sm) !default;The default padding to apply to the CardFooter
List$card-variables: (background-color, color);The available configurable css variables and mostly used internally for the
get-var, set-var, and use-var utils.
mixin@mixin set-var($name, $value) { … }| Name | Description | Type | Default Value |
|---|---|---|---|
$name | The supported variable name | String | — |
$value | The value to set the variable to. Supports | any | — |
mixin@mixin use-var($property, $name: $property, $fallback: null) { … }mixin@mixin use-light-theme { … }Applies the light the variables based on feature flags
mixin@mixin use-dark-theme { … }Applies the dark the variables based on feature flags
mixin@mixin variables { … }Conditionally applies the css variables based on feature flags
mixin@mixin styles($disable-layer: false) { … }Generates all the styles based on feature flags.
| Name | Description | Type | Default Value |
|---|---|---|---|
$disable-layer | Set this to | Boolean | false |
function@function get-var($name, $fallback: null) { … }Stringa var() statement
| Name | Description | Type | Default Value |
|---|---|---|---|
$name | The supported variable name | String | — |
$fallback | An optional fallback value | any | null |