2020-09-08 12:23:54 +01:00
|
|
|
|
2020-08-25 14:01:46 +01:00
|
|
|
ion-tab-bar{
|
2021-03-01 15:45:30 +01:00
|
|
|
--background: #f9f9f9;
|
2022-01-04 15:34:03 +01:00
|
|
|
--color: #797979;
|
2020-09-08 12:23:54 +01:00
|
|
|
}
|
|
|
|
|
|
2022-01-07 09:06:46 +01:00
|
|
|
// ion-tab-button{
|
|
|
|
|
// --color-selected: #061b52;
|
|
|
|
|
// }
|
2022-01-03 18:19:11 +01:00
|
|
|
|
2020-09-08 12:23:54 +01:00
|
|
|
// 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;*/
|
|
|
|
|
|
2022-01-03 18:19:11 +01:00
|
|
|
min-width: 18px;
|
2020-09-08 12:23:54 +01:00
|
|
|
font-size: $badge-font-size;
|
|
|
|
|
/* font-weight: $badge-font-weight;
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
vertical-align: baseline; */
|
2020-12-30 11:43:48 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.tab{
|
|
|
|
|
.bottoms{
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
}
|
2021-02-26 15:29:05 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2022-04-08 15:59:25 +01:00
|
|
|
@media only screen and (min-width: 1366px) {
|
2021-03-01 15:45:30 +01:00
|
|
|
|
2022-04-08 15:59:25 +01:00
|
|
|
ion-tabs.tab .bottoms{
|
|
|
|
|
display: none;
|
2022-04-08 15:49:35 +01:00
|
|
|
}
|
2022-04-08 15:59:25 +01:00
|
|
|
}
|
2022-01-06 11:21:20 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
ion-tab-button.active{
|
|
|
|
|
color: #061b52;
|
2022-01-19 10:39:05 +01:00
|
|
|
font-weight: 650;
|
2022-01-07 09:06:46 +01:00
|
|
|
}
|
2023-07-06 12:18:15 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@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;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|