.modal {

    &__overlay {
        background-color: rgba($black, 0.65);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    &__inner {
        background-color: $wild-sand;
    }

    &__header {
        padding: $lineheight $gutter;
        margin-bottom: $lineheight / 2;

    }
    &__body {
        padding: 0 $gutter $lineheight $gutter;
        margin-bottom: $lineheight / 2;
    }

    &__footer {
        background-color: $grey-chateau;
        padding: $gutter;
    }

}
.modal {

    &__overlay {
        background-color: rgba($black, 0.65);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    &__inner {
        background-color: $wild-sand;
    }

    &__header {
        padding: $lineheight $gutter;
        margin-bottom: $lineheight / 2;
    }

    &__title {
        font-size: 35px;
        text-align: left; // override h1 styling
        margin-top: $lineheight * 1.25;
        margin-bottom: 0;
    }

    &__body {
        padding: 0 $gutter $lineheight $gutter;
        margin-bottom: $lineheight / 2;
    }

    &__footer {
        background-color: $grey-chateau;
        padding: $gutter;
    }

}
Add styling for modal titles
Add styling for modal titles


Former-commit-id: bcd3370ed9d0431fcda8db1a702718fa44f9d987
Former-commit-id: 060c81f17afa8f51d634f04ad4a7e341f2b2a292
Former-commit-id: 9f186fea9f88eaee30602a63ac628caf1d1ebc08