Sign in - Bedrock tutorial

sign-in.pug

extends /templates/_layouts/master

block append pageVariables
    - var moduleTitle = 'Sign In'
    - var htmlClass = 'u-maximize-height'
    - var bodyClass = 'u-maximize-height'

block body
    .o-flex.o-flex--center.u-maximize-height
        .c-panel.c-panel--small
            .c-panel__header
                h2.c-panel__title Sign In
            .c-panel__content
                if error
                    .u-spacer-bottom
                        .c-alert.c-alert--danger
                            p Wrong username/password combination.
                .c-input
                    label.c-input__label(for="username") Username
                    .c-input__controls
                        input.c-textfield(type="text", id="username")
                .c-input
                    label.c-input__label(for="password") Password
                    .c-input__controls
                        input.c-textfield(type="password", id="password")
                .c-input
                    a.c-button.c-button--primary(href="#")
                        .c-button__label Sign In