@import 'ember-bootstrap-sass';

@mixin cover {
    object-fit: cover;
    -o-object-fit: cover;
}

@mixin no-padding {
    padding: 0;
}

header.main {
    figure.no-padding {
        @include no-padding;

        img {
            width: 100%;
            height: 50vh;
            @include cover;
            object-position: center 80%;
        }
    }
}
@import 'ember-bootstrap-sass';

// Application colors
$lightGreen: #61CF3D;

// Mixins
@mixin cover {
    object-fit: cover;
    -o-object-fit: cover;
}

@mixin no-padding {
    padding: 0;
}

// Rules
header.main {
    figure.no-padding {

        // Remove padding caused by bootstrap col-md
        @include no-padding;

        img {
            width: 100%;
            height: 50vh;
            @include cover;
            object-position: center 80%;
        }
    }
}

main {
    header {
        h2.rsvp-success {
            color: $lightGreen;
        }
    }
}
Add comments and show successful rsvp message in green
Add comments and show successful rsvp message in green
