Create a module

    Add the following to the file:

    1. .message-container {
    2.   margin: 1em auto;
    3.   padding-bottom: 100px;
    4.   @media #{$tablet} {
    5.     width: 75%;
    7.   @media #{$desktop} {
    8.   }
    9. }
    1. /////// Modules
    2. @import "modules/message-container/manifest";

    So in the application.scss we do the following:

    1. /////// Sub-Modules

    This helps keep things easier to manage as the we never need to update the application.scss file and at the root of the modules directory, where we are working, we just need to add a new listing there. Everything is imported and everything just works.