Sha256: e9f0b80fd92eecfd1cda87870034af39fbdf575e6aff15558b91052462a90f0f

Contents?: true

Size: 1.2 KB

Versions: 7

Compression:

Stored size: 1.2 KB

Contents

@mixin alert-icon() {
    font-size: 22px;
    font-family: $icon-font;
    height: 32px;
    width: 32px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: bottom;
    margin-right: 4px;
}

.alert {
    width: 100%;
    text-align: center;
    border-top-width: 4px;
    border-top-style: solid;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: $black;
    padding: 40px 32px 44px 32px;

    &.success {
        border-top-color: $success;
        background: $success-lightest;

        &:before {
            @include alert-icon();
            font-size: 18px;
            content: '\e90a';
            color: white;
            background: $success;
        }
    }

    &.info {
        border-top-color: $secondary;
        background: $secondary-lightest;

        &:before {
            @include alert-icon();
            content: '\e903';
            color: white;
            background: $secondary;
        }
    }

    &.warning {
        border-top-color: $warning;
        background: $warning-lightest;

        &:before {
            @include alert-icon();
            content: '\e90c';
            color: white;
            background: $warning;
        }
    }
}

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
dvla_internal_frontend_toolkit-0.3.2 app/assets/stylesheets/elements/_validation.scss
dvla_internal_frontend_toolkit-0.2.8 vendor/assets/stylesheets/elements/_validation.scss
dvla_internal_frontend_toolkit-0.2.6 vendor/assets/stylesheets/elements/_validation.scss
dvla_internal_frontend_toolkit-0.2.4 vendor/assets/stylesheets/elements/_validation.scss
dvla_internal_frontend_toolkit-0.2.3 vendor/assets/stylesheets/elements/_validation.scss
dvla_internal_frontend_toolkit-0.2.2 vendor/assets/stylesheets/elements/_validation.scss
dvla_internal_frontend_toolkit-0.2.1 vendor/assets/stylesheets/elements/_validation.scss