|
102 | 102 | --padding-end: #{globals.$ion-space-400}; |
103 | 103 |
|
104 | 104 | @include globals.typography(globals.$ion-body-action-sm); |
| 105 | + min-width: globals.$ion-scale-1600; |
105 | 106 |
|
106 | 107 | min-height: #{globals.$ion-scale-1000}; |
107 | | - min-width: globals.$ion-scale-1600; |
108 | 108 | } |
109 | 109 |
|
110 | 110 | /* Medium Button */ |
111 | 111 | :host(.button-medium) { |
112 | 112 | --padding-end: #{globals.$ion-space-500}; |
113 | 113 |
|
114 | 114 | @include globals.typography(globals.$ion-body-action-md); |
| 115 | + min-width: globals.$ion-scale-1800; |
115 | 116 |
|
116 | 117 | min-height: #{globals.$ion-scale-1200}; |
117 | | - min-width: globals.$ion-scale-1800; |
118 | 118 | } |
119 | 119 |
|
120 | 120 | /* Large Button */ |
121 | 121 | :host(.button-large) { |
122 | 122 | --padding-end: #{globals.$ion-space-700}; |
123 | 123 |
|
124 | 124 | @include globals.typography(globals.$ion-body-action-lg); |
| 125 | + min-width: globals.$ion-scale-2000; |
125 | 126 |
|
126 | 127 | min-height: #{globals.$ion-scale-1400}; |
127 | | - min-width: globals.$ion-scale-2000; |
128 | 128 | } |
129 | 129 |
|
130 | 130 | // Button with Icons |
|
133 | 133 | ::slotted(ion-icon[slot="start"]), |
134 | 134 | ::slotted(ion-icon[slot="end"]), |
135 | 135 | ::slotted(ion-icon[slot="icon-only"]) { |
136 | | - height: globals.$ion-scale-500; |
137 | 136 | width: globals.$ion-scale-500; |
| 137 | + height: globals.$ion-scale-500; |
138 | 138 | } |
139 | 139 | } |
140 | 140 |
|
141 | 141 | :host(.button-large) { |
142 | 142 | ::slotted(ion-icon[slot="start"]), |
143 | 143 | ::slotted(ion-icon[slot="end"]), |
144 | 144 | ::slotted(ion-icon[slot="icon-only"]) { |
145 | | - height: globals.$ion-scale-600; |
146 | 145 | width: globals.$ion-scale-600; |
| 146 | + height: globals.$ion-scale-600; |
147 | 147 | } |
148 | 148 | } |
149 | 149 |
|
|
0 commit comments