@import 'flive-vars';

.base {
  flex: 1;
  position: relative;
}
.with-header {
  composes: base;
  margin-top: $header-height-desktop;
}
.margin-left {
  composes: base;
  margin-left: $column-width + $column-border-size;
}
.margin-right {
  composes: base;
  margin-left: $column-width + $column-border-size;
}

@media (max-width: $breakpoint-max-mobile) {
  .with-header { margin-top: $header-height-mobile + $header-border-size; }
  .margin-left { margin-left: 0 }
  .margin-right { margin-right: 0 }
}
