@use "./buttons.common";
@use "../../themes/ionic/ionic.globals.scss" as globals;

// Ionic Buttons
// --------------------------------------------------

::slotted(*) .button-has-icon-only {
  --padding-top: 0;
  --padding-bottom: 0;
}

// Toolbar Clear Button
// --------------------------------------------------

::slotted(*) .button-clear {
  --color: #{globals.$ion-text-default};
  --background: transparent;
  --background-activated: transparent;
  --background-focused: transparent;
  --background-hover: transparent;
}

// Toolbar Button Icon
// --------------------------------------------------

::slotted(*) .button-has-icon-only {
  width: globals.$ion-scale-1000;
  height: globals.$ion-scale-1000;
}

::slotted(*) ion-icon[slot="icon-only"] {
  font-size: globals.$ion-font-size-600;
}