|
1 | 1 | @use "../../themes/ionic/ionic.globals.scss" as globals; |
2 | 2 | @use "./tab-button.common"; |
3 | | -@use "../../themes/mixins" as mixins; |
4 | 3 |
|
5 | 4 | // Ionic Tab Button |
6 | 5 | // -------------------------------------------------------------- |
|
94 | 93 | // -------------------------------------------------- |
95 | 94 |
|
96 | 95 | :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)); |
98 | 97 | } |
99 | 98 |
|
100 | 99 | :host ::slotted(ion-badge.badge-vertical-top) { |
101 | | - @include mixins.position($top: -2px); |
| 100 | + @include globals.position($top: -2px); |
102 | 101 | } |
103 | 102 |
|
104 | 103 | :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)); |
106 | 105 | } |
107 | 106 |
|
108 | 107 | :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)); |
110 | 109 | } |
111 | 110 |
|
112 | 111 | :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)); |
114 | 113 | } |
115 | 114 |
|
116 | 115 | :host ::slotted(ion-badge[vertical]:not(:empty)) { |
117 | | - @include mixins.padding( |
| 116 | + @include globals.padding( |
118 | 117 | globals.$ion-scale-100, |
119 | 118 | globals.$ion-scale-100, |
120 | 119 | globals.$ion-scale-100, |
|
128 | 127 | } |
129 | 128 |
|
130 | 129 | :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)); |
132 | 131 | } |
133 | 132 |
|
134 | 133 | :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)); |
136 | 135 | } |
137 | 136 |
|
138 | 137 | :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)); |
140 | 139 | } |
0 commit comments