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