@st-namespace 'mixins-st-css';
:import {
    -st-from: "../../common/formatters.st";
    -st-named: calculate, string;
}

:vars {
    /*Overrides*/
    BorderWidth: --overridable;
    BorderColor: --overridable;
    PaddingSize: --overridable;
}

/*
 * Border width
 * @type size
 */
@property st-global(--wix-ui-tpa-mixins-border-width);

/*
 * Border color
 * @type color
 */
@property st-global(--wix-ui-tpa-mixins-border-color);

/*
 * Padding size
 * @type size
 */
@property st-global(--wix-ui-tpa-mixins-padding-size);

.withBorder {
    border-style: solid;
    border-color: value(BorderColor);
    border-width: value(BorderWidth);
}

.withDynamicPadding {
    padding: calculate(string(-), value(PaddingSize), value(BorderWidth));
}

.withDynamicSidePadding {
    padding-left: calculate(string(-), value(PaddingSize), value(BorderWidth));
    padding-right: calculate(string(-), value(PaddingSize), value(BorderWidth));
}

/* st-namespace-reference="../../../../src/components/LegacyCard/mixins.st.css" */