gaf-mobile/app/styles/states/states.less

GAF mobile Web site

@import (reference) '../themes/variables';

.is-hidden {
    display: none !important;
}

// Form input validation states

.form {

    .ng-touched.ng-valid {
        color: @text-color-dark;
        border-color: @success-notify-color;
    }

    .ng-touched.ng-invalid {
        color: @text-color-dark;
        border-color: @error-notify-color;
    }

    :disabled {
        color: @septenary-color;
        background-color: @septenary-color-xxlight;
    }
}

.paginated-form {
    .is-default {
        color: @septenary-color-xxxlight;
        font-weight: @type-weight-bold;
        background-color: @primary-color;
    }

    .is-selected {
        background-color: @quinary-color;
        color: @septenary-color-xxxlight;
    }
}