Different tabs style for the secondary tab

Referring to the the card-view example in inoic’s doc:

I’m trying to have different style for main tabs without changing the secondary tab’s style.
For example, when I use:

<ion-view title="Test">
  <ion-tabs class="tabs-striped tabs-top tabs-background-positive tabs-light">

     <ion-tab title="Home" icon-on="ion-ios7-filing" icon-off="ion-ios7-filing-outline" >

	  <ion-content class="has-header" dir="rtl">

		<div class="list card">

		  <div class="item item-avatar">
		    <img src="test.jpg">
		    <p>test </p>

		  <div class="item item-body">
		    	<div ng-bind-html="doc.documentContent"></div>

		  <div class="item tabs tabs-icon-left">
		    <a class="tab-item" href="#">
		      <i class="icon ion-chatbox"></i>
		    <a class="tab-item" href="#">
		      <i class="icon ion-share"></i>


  <ion-tab title="About" icon-on="ion-paperclip" icon-off="ion-paperclip-outline">
    <!-- Tab 2 content -->

Both tabs change to tabs-positive since my top level ion-tabs is using tabs-background-positive.

any tips on how to solve this ?

can’t you add a class to the secondary tabs?

Bump I am having the same issue. Secondary nested tabs inherit style from parent tabs, I want the secondary nested tabs to appear in card like the card showcase.

Have you solved this please?

Anyone fixed this? I’m having the same problem!

Me too want the same look and feel of the showcase but when I include tab-striped everything is a mess. any fix?