Foundation - Dropdown Pane Sass Reference
Variables
You can change the styles of the components by using the following SASS variables as listed in the table.
| Sr.No. | Name & Description | Type | Default Value |
|---|---|---|---|
| 1 |
$dropdown-padding It defines the padding for dropdown pane. |
List | 1rem |
| 2 |
$dropdown-border It defines Border for dropdown pane. |
List | 1px solid $medium-gray |
| 3 |
$dropdown-font-size It displays the font size for dropdown pane. |
List | 16rem |
| 4 |
$dropdown-width It specifies width of the dropdown pane. |
Number | 300px |
| 5 |
$dropdown-radius It deteremines the border radius of the dropdown panes. |
Number | $global-radius |
| 6 |
$dropdown-sizes It defines the sizes of dropdown panes. |
Map |
tiny: 100px small: 200px large: 400px |
Mixins
You can use the mixins to build the CSS class structure for your dropdown pane components. You can include styles for basic dropdown by using the following mixin −
@include dropdown-container;
foundation_containers.htm
Advertisements