Menu icon Foundation
$topbar-link-bg-hover VS. $topbar-link-bg-color-hover

Which parts of the UI do these different variables apply to?

// $topbar-link-bg-hover: $jet;

// $topbar-link-bg-color-hover: $primary-color;

I've successfully modified the first one to fit my needs, but I have no idea what the second one does. :)

topbartop-barhoverlinknavigation

Which parts of the UI do these different variables apply to?

// $topbar-link-bg-hover: $jet;

// $topbar-link-bg-color-hover: $primary-color;

I've successfully modified the first one to fit my needs, but I have no idea what the second one does. :)

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

Rafi Benkual about 4 years ago

In Foundation Sites 6 we're commenting what each variable does. Until then

Background color of links when hovering
$topbar-link-bg-hover: transparent;

Background color on hover for a form button (when you use the search form)
$topbar-link-bg-color-hover: red;

Astrid Paris about 4 years ago

Never would've guess that last one. ;) Thanks!