@import './vars';

QPushButton {
    background: $white;
    border: $darker-border;
    color: $dark-text-color;
    padding-left: 12px;
    padding-right: 12px;

    border-radius: 6px;
    font-size: 1rem;
    height: 1.5em;
    line-height: 1.5;
    position: relative;
    vertical-align: top;
}

QPushButton:hover {
    border-color: $black;
}

QPushButton[cssClass="primary"] {
    background: $primary-600;
    border: 1px solid $primary-900;
    color: $light-text-color;
}

QPushButton[cssClass="primary"]:hover {
    border: 1px solid darken($primary-900, 5%);
    background: lighten($primary-600, 5%);
}

QPushButton[cssClass="warning"] {
    background: $red;
    border: 1px solid darken($red, 10%);
    color: $light-text-color;
}

QPushButton[cssClass="warning"]:hover {
    background: lighten($red, 15%);
    border: 1px solid darken($red, 20%);
}
