@import './colors';
@import './functions.scss';
@import './mixins.scss';

@mixin hc-modal-outer() {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

@mixin hc-modal() {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 135px;
    margin: 1em;
}

@mixin hc-modal-sm() {
    width: 300px;
}

@mixin hc-modal-md() {
    width: 500px;
}

@mixin hc-modal-lg() {
    width: 800px;
}

@mixin hc-modal-xl() {
    width: 992px;
}