Skip to content

Commit aa6cadc

Browse files
committed
feat(tab-button): remove existing dependency.
1 parent a2666e2 commit aa6cadc

File tree

1 file changed

+9
-10
lines changed

1 file changed

+9
-10
lines changed

core/src/components/tab-button/tab-button.ionic.scss

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
@use "../../themes/ionic/ionic.globals.scss" as globals;
22
@use "./tab-button.common";
3-
@use "../../themes/mixins" as mixins;
43

54
// Ionic Tab Button
65
// --------------------------------------------------------------
@@ -94,27 +93,27 @@
9493
// --------------------------------------------------
9594

9695
:host ::slotted(ion-badge) {
97-
@include mixins.position($start: calc(50% + globals.$ion-scale-300));
96+
@include globals.position($start: calc(50% + globals.$ion-scale-300));
9897
}
9998

10099
:host ::slotted(ion-badge.badge-vertical-top) {
101-
@include mixins.position($top: -2px);
100+
@include globals.position($top: -2px);
102101
}
103102

104103
:host ::slotted(ion-badge.badge-vertical-top:empty) {
105-
@include mixins.position($top: calc(globals.$ion-scale-100 * -1));
104+
@include globals.position($top: calc(globals.$ion-scale-100 * -1));
106105
}
107106

108107
:host ::slotted(ion-badge.badge-vertical-bottom) {
109-
@include mixins.position($top: calc(50% - globals.$ion-scale-200));
108+
@include globals.position($top: calc(50% - globals.$ion-scale-200));
110109
}
111110

112111
:host ::slotted(ion-badge.badge-vertical-bottom:empty) {
113-
@include mixins.position($top: calc(50% - globals.$ion-scale-100));
112+
@include globals.position($top: calc(50% - globals.$ion-scale-100));
114113
}
115114

116115
:host ::slotted(ion-badge[vertical]:not(:empty)) {
117-
@include mixins.padding(
116+
@include globals.padding(
118117
globals.$ion-scale-100,
119118
globals.$ion-scale-100,
120119
globals.$ion-scale-100,
@@ -128,13 +127,13 @@
128127
}
129128

130129
:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-top) {
131-
@include mixins.position($top: calc(50% - globals.$ion-scale-100));
130+
@include globals.position($top: calc(50% - globals.$ion-scale-100));
132131
}
133132

134133
:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom) {
135-
@include mixins.position($top: calc(50% + globals.$ion-scale-100));
134+
@include globals.position($top: calc(50% + globals.$ion-scale-100));
136135
}
137136

138137
:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom:empty) {
139-
@include mixins.position($top: calc(50% + 14px));
138+
@include globals.position($top: calc(50% + 14px));
140139
}

0 commit comments

Comments
 (0)