Menu icon Foundation
Dropdown PIP

What is the best way to disable a PIP for a dropdown? Just curious. Usually I go in and override the styles and give it 0 for the border and some other styles. Seems like there should be an easy true/false to show it. Maybe I am missing something?

Thanks!

dropdown

What is the best way to disable a PIP for a dropdown? Just curious. Usually I go in and override the styles and give it 0 for the border and some other styles. Seems like there should be an easy true/false to show it. Maybe I am missing something?

Thanks!

This post has been closed. No new replies can be added.

Bob Sawyer over 4 years ago

If you're using SASS, you can edit the pip styles here:

$f-dropdown-triangle-size: 6px;
$f-dropdown-triangle-color: $white;
$f-dropdown-triangle-side-offset: 10px;

Looks like you can also use the dropdown-container() mixin:

.custom-dropdown-container-class {
  @include dropdown-container(
    // Sets if dropdown has triangle. Default:true.
    $triangle:false,
  );

  li { @include dropdown-style; }
}

Shawn Jones over 4 years ago

Thanks! I missed the sass mixin. I will give that a try.