File tree 2 files changed +19
-0
lines changed
2 files changed +19
-0
lines changed Original file line number Diff line number Diff line change 167
167
box-shadow : 0 2px 3px rgba (0 , 0 , 0 , 0.15 );
168
168
padding-top : $tabs-striped-border-width ;
169
169
}
170
+ .tab-item {
171
+ // default android tab style
172
+ & .tab-item-active ,
173
+ & .active ,
174
+ & .activated {
175
+ margin-top : - $tabs-striped-border-width ;
176
+ border-style : solid ;
177
+ border-width : $tabs-striped-border-width 0 0 0 ;
178
+ border-color : $dark ;
179
+ }
180
+ }
170
181
@include tabs-striped (' tabs-light' , $light , $dark );
171
182
@include tabs-striped (' tabs-stable' , $stable , $dark );
172
183
@include tabs-striped (' tabs-positive' , $positive , $light );
Original file line number Diff line number Diff line change @@ -113,6 +113,14 @@ <h1 class="title">Android Tab Bars</h1>
113
113
< a disabled class ="tab-item "> < i class ="icon ion-close "> </ i > Inactive</ a >
114
114
</ nav >
115
115
</ div >
116
+ < div class ="view tabs-striped ">
117
+ < nav class ="tabs ">
118
+ < a class ="tab-item active " href ="# "> < i class ="icon ion-game-controller-a "> </ i > Fun</ a >
119
+ < a class ="tab-item "> < i class ="icon ion-locked "> </ i > Security</ a >
120
+ < a class ="tab-item has-badge "> < i class ="badge badge-assertive "> 3</ i > < i class ="icon ion-leaf "> </ i > Light</ a >
121
+ < a disabled class ="tab-item "> < i class ="icon ion-close "> </ i > Inactive</ a >
122
+ </ nav >
123
+ </ div >
116
124
< div class ="view tabs-stable tabs-background-balanced tabs-striped ">
117
125
< nav class ="tabs ">
118
126
< a class ="tab-item active " href ="# "> < i class ="icon ion-game-controller-a "> </ i > Fun</ a >
You can’t perform that action at this time.
0 commit comments