mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-18 20:47:54 +00:00
Peter Maquiran
72 lines
965 B
SCSS
72 lines
965 B
SCSS
|
|
ion-tab-bar{
|
|
--background: #f9f9f9;
|
|
--color: #797979;
|
|
}
|
|
|
|
// ion-tab-button{
|
|
// --color-selected: #061b52;
|
|
// }
|
|
|
|
// Badge
|
|
// --------------------------------------------------
|
|
|
|
/// @prop - Font size of the badge
|
|
$badge-font-size:15px !default;
|
|
|
|
/// @prop - Font weight of the badge
|
|
$badge-font-weight:bold !default;
|
|
|
|
|
|
ion-badge {/* */
|
|
|
|
/* display: inline-block;*/
|
|
|
|
min-width: 18px;
|
|
font-size: $badge-font-size;
|
|
/* font-weight: $badge-font-weight;
|
|
line-height: 1;
|
|
|
|
white-space: nowrap;
|
|
vertical-align: baseline; */
|
|
}
|
|
|
|
|
|
.tab{
|
|
.bottoms{
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
}
|
|
|
|
|
|
@media only screen and (min-width: 1366px) {
|
|
|
|
ion-tabs.tab .bottoms{
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
|
|
ion-tab-button.active{
|
|
color: #061b52;
|
|
font-weight: 650;
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (min-width: 100px) {
|
|
|
|
ion-tab-button{
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 500px) {
|
|
|
|
ion-tab-button{
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
|