guestNoBoards.scss

TLDR

This file defines the styling for the GuestNoBoards component.

Classes

.GuestNoBoards

The .GuestNoBoards class sets the height of the component to 100% and uses flexbox to vertically and horizontally center its contents. It also aligns the contents to the center and applies center alignment to the text inside the div.

.title

The .title class sets the font size of the text inside the component to 52px and the font weight to 400.

.subtitle

The .subtitle class sets the font size of the text inside the component to 20px and adds a margin of 16px on the top and bottom.

svg

The svg selector applies a margin of 56px on the top and bottom of the SVG element.

.GuestNoBoards {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    > div {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .title {
        font-size: 52px;
        font-weight: 400;
    }

    .subtitle {
        font-size: 20px;
        margin: 16px 0;
    }

    svg {
        margin: 56px 0;
    }
}