Menu icon Foundation
Is there a class for tabs like the .even5 for button groups?

I am using Foundation 5 and I am trying to take five tabs and make them even across.

I noticed there was a class called .even5 but its for button groups.

So the question of the hour is there a simular class for tabs or a easy way to use button groups in place of the tabs?

Thanks

James

Foundation 5

I am using Foundation 5 and I am trying to take five tabs and make them even across.

I noticed there was a class called .even5 but its for button groups.

So the question of the hour is there a simular class for tabs or a easy way to use button groups in place of the tabs?

Thanks

James

James Dullaghan over 5 years ago

James,

At this time there are no even# classes for tabs.

You can look at the button-group.scss source, specifically lines 71-74 & 87-89, you can see how the the even classes are generated for button groups.

If you'd like to add this functionality to your project that would be awesome. You can always submit a pull request.

Feel free to post back with updates or any progress you make if you decide to tackle it on your own.

-James D.

James W. Lane over 5 years ago

For the time being I added a 20% width to the tabs.
I will work on a more elegant solution when I come back to this section.
The final tabs will have some spacing and the highlighted tab will connect to the content.

.tabs dd {
  width: 20%;
}