@st-namespace 'Button-visual-st-css';
@st-import [ setColor, setVar, setFont ] from '../../common/formatters.st';

:root {
  --zero-unit: 0px;
  --large-unit: 100px;
  --custom-min-width: 300px;
}

.allPaddings {
    -st-mixin:
    setVar(--wix-ui-tpa-button-padding-inline-start, --large-unit),
    setVar(--wix-ui-tpa-button-padding-inline-end, --large-unit),
    setVar(--wix-ui-tpa-button-padding-block-start, --large-unit),
    setVar(--wix-ui-tpa-button-padding-block-end, --large-unit),
}
.paddingInlineStart {
  -st-mixin:
    setVar(--wix-ui-tpa-button-padding-inline-start, --large-unit),
}
.paddingInlineEnd {
  -st-mixin:
    setVar(--wix-ui-tpa-button-padding-inline-end, --large-unit),
}
.paddingBlockStart {
  -st-mixin:
    setVar(--wix-ui-tpa-button-padding-block-start, --large-unit),
}
.paddingBlockEnd {
  -st-mixin:
    setVar(--wix-ui-tpa-button-padding-block-end, --large-unit),
}

.applyBorder {
  -st-mixin: setVar(--wix-ui-tpa-button-main-border-width, null, px, 5);
}

.zeroMinimumWidth {
  -st-mixin:
    setVar(--wix-ui-tpa-button-min-width, --zero-unit),
}
.customMinimumWidth {
  -st-mixin:
    setVar(--wix-ui-tpa-button-min-width, --custom-min-width),
}

.disabledColorAndBorder {
  -st-mixin:
    setColor(
      --wix-ui-tpa-button-disabled-text-color,
      null,
      '0, 255, 0'
    ),
    setColor(--wix-ui-tpa-button-disabled-border-color, null, '0, 0, 255');
}

.disabledColorAndBorderFallback {
  -st-mixin:
    setColor(--wix-ui-tpa-button-main-text-color, null, '0, 255, 0'),
    setColor(--wix-ui-tpa-button-main-border-color, null, '0, 0, 255');
}

.customTextIconSpacing {
  -st-mixin: setVar(--wix-ui-tpa-button-column-gap, null, px, 15);
}

/* st-namespace-reference="../../../../src/components/Button/Button.visual.st.css" */