///* ========================================================================
//   FULL WIDTH
//   ======================================================================== */

// Mixin to extend of an element or component to full width of the viewport
// Note: this mixin will extend content to the edges as well...
@mixin full-width() {
    margin-left: calc(0px - (100vw - 100%) / 2);
    margin-right: calc(0px - (100vw - 100%) / 2);
}