source/sass/components/_site-content.scss

   1 /*
   2 |-------------------------------------------------------------------------------
   3 | Site content
   4 |-------------------------------------------------------------------------------
   5 */
   6 .c-site-content {
   7   min-height: 100vh;
   8   max-width: $maxPageWidth;
   9
  10   background: $c-white;
  11   border-left: 1px solid $c-grayMedium;
  12   border-right: 1px solid $c-grayMedium;
  13
  14   // Less padding for mobile devices
  15   @include breakpoint(mobile) {
  16     padding: 20px;
  17   }
  18
  19   // More padding + margin on desktop
  20   @include breakpoint(desktop) {
  21     padding: 30px;
  22     margin-left: $sidebarWidth;
  23   }
  24 }