Intro

Styles for a login screen.

Code

<div style="background: var(--blue-app-bg)">
    <div class="sign-in-screen">
        <div class="sign-in-container mx-1">
            <div class="bg-body rounded-3 shadow-lg px-4 py-5">
                <div class="text-center">
                    <img style="max-width: 100px;" src="blue.svg" alt="Logo" />
                    <h1 class="h2 mt-4 mb-3">Hello World</h1>
                </div>
                Here could be a sign in form.
            </div>
        </div>
    </div>
</div>

Grab the code

When you don't use the entire Blue Web library, you can also just copy and paste the required code into your own project.

Copy and paste the following code into your project. Source: @/dist/styles/_intro.scss

Edit post on GitHub