Boolean$expansion-panel-disable-everything: false !default;Set to true to disable all the styles
Boolean$expansion-panel-disable-margin-top-transition: false !default;Set to true to disable the transition when panels are expanded in a group.
Number$expansion-panel-padding: spacing.get-var(md) !default;The amount of padding to apply to the clickable area in the
ExpansionPanel.
Number$expansion-panel-spacing: spacing.get-var(md) !default;The margin-top to apply between expanded expansion panels
Number$expansion-panel-button-spacing: spacing.get-var(sm) !default;The gap to apply between elements in the clickable area in the
ExpansionPanel.
Number$expansion-panel-rotate-from: icon.$rotate-from !default;The degrees to start the rotation animation for the expansion panel icon.
Number$expansion-panel-rotate-to: icon.$rotate-to !default;The degrees to end the rotation animation for the expansion panel icon.
Number$expansion-panel-box-shadow-overlay-height: 10px !default;Change this value if borders/box-shadow are visible while the
ExpansionPanel component is collapsed in a group.
Number$expansion-panel-box-shadow-overlay-bottom: -6px !default;Change this value if borders/box-shadow are visible while the
ExpansionPanel component is collapsed in a group.
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 |