Skip to content

Suggested styling for in-landing-page notifications #97

@b1conrad

Description

@b1conrad

Mike Lindberg (of BYU OIT's UX team) suggested this styling (copied from another BYU website) for a paragraph to make it stand out.

.error-info {
    background: #FFEDF1;
    border-left: 12px solid blue;
    border-radius: 5px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.018rem;
    line-height: 24px;
    /* margin: 20px auto; */
    max-width: 36%;
    padding: 12px;
    text-align: left;
}

This was copied from an error notification, so different coloring would be appropriate.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestuiuser experience

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions