alfresco-ng2-components/ng2-components/ng2-activiti-form/src/components/widgets/form.scss

@import './hyperlink/hyperlink.widget';

@mixin mat-form-theme($theme) {
    $primary: map-get($theme, primary);
    $accent: map-get($theme, accent);
    $warn: map-get($theme, warn);

    @include mat-hyperlink-widget-theme($theme);

    ul > li > form-field > .adf-focus {
        .adf-label {
            color: mat-color($primary);
        }
    }

    .adf {

        &-error-text-container {
            height: 20px;
            margin-top: -12px;
        }

        &-error-text {
            padding: 1px;
            height: 16px;
            font-size: 12px;
            line-height: 1.33;
            float: left;
            color: mat-color($warn);
        }

        &-error-icon {
            float: right;
            font-size: 17px;
            color: mat-color($warn);
        }

        &-label {
            color: rgb(186, 186, 186);;
        }

        &-invalid {

            .mat-input-underline {
                background-color: #f44336 !important;
            }

            .adf-file {
                border-color: mat-color($warn);
            }

            .mat-input-prefix {
                color: mat-color($warn);
            }

            .adf-input {
                border-color: mat-color($warn);
            }

            .adf-label {
                color: mat-color($warn);
                &:after {
                    background-color: mat-color($warn);
                }
            }
        }
    }

}