mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 04:14:21 +08:00
a40b872975
* feat(icon): add start/end * fix(icon): add all relevant deprecations * fix(deprecation): add deprecation to missing selector * revert(tests): revert icon-start/end from tests
42 lines
684 B
SCSS
42 lines
684 B
SCSS
@import "../../themes/ionic.globals";
|
|
|
|
// Button Icons
|
|
// --------------------------------------------------
|
|
|
|
// Icons inside of buttons with text
|
|
@mixin button-icon {
|
|
font-size: 1.4em;
|
|
line-height: .67;
|
|
|
|
pointer-events: none;
|
|
}
|
|
|
|
[icon-left] ion-icon, // deprecated
|
|
[icon-start] ion-icon {
|
|
@include button-icon;
|
|
|
|
@include padding-horizontal(null, .3em);
|
|
}
|
|
|
|
[icon-right] ion-icon, // deprecated
|
|
[icon-end] ion-icon {
|
|
@include button-icon;
|
|
|
|
@include padding-horizontal(.4em, null);
|
|
}
|
|
|
|
.button[icon-only] {
|
|
@include padding(0);
|
|
|
|
min-width: .9em;
|
|
}
|
|
|
|
[icon-only] ion-icon {
|
|
@include padding(0, .5em);
|
|
|
|
font-size: 1.8em;
|
|
line-height: .67;
|
|
|
|
pointer-events: none;
|
|
}
|