refactor(tab-bar): update activated styles (#29645)
@ -7,8 +7,7 @@
|
|||||||
$tabbar-ionic-background: var(--ion-tab-bar-background, globals.$ionic-color-base-white);
|
$tabbar-ionic-background: var(--ion-tab-bar-background, globals.$ionic-color-base-white);
|
||||||
|
|
||||||
/// @prop - Background color of the tab bar button when activated
|
/// @prop - Background color of the tab bar button when activated
|
||||||
// TODO(FW-6186): use design token here when it is added
|
$tabbar-ionic-background-activated: var(--ion-tab-bar-background-activated, globals.$ionic-color-neutral-100);
|
||||||
$tabbar-ionic-background-activated: var(--ion-tab-bar-background-activated, #ececec);
|
|
||||||
|
|
||||||
/// @prop - Background color of the tab bar button when focused
|
/// @prop - Background color of the tab bar button when focused
|
||||||
$tabbar-ionic-background-focused: var(--ion-tab-bar-background-focused, transparent);
|
$tabbar-ionic-background-focused: var(--ion-tab-bar-background-focused, transparent);
|
||||||
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 4.1 KiB |
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 4.9 KiB |
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.1 KiB |
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 4.1 KiB |
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 4.8 KiB |
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |