/// Toggle container class generation.
///
/// By default uses global setting.
/// @group 60-objects
$LOOM-use-object-classes-container: $LOOM-use-object-classes !default;

$LOOM-container-padding: get-spacing(default) !default;
$LOOM-container-padding-larger:get-spacing(default) !default;
$LOOM-container-margin: get-spacing(default) !default;
$LOOM-container-breakpoint: medium !default;
$LOOM-container-transition: get-transition(padding);

@mixin container(
  $max-width: $LOOM-single-column-width,
  $padding-horizontal: $LOOM-container-padding,
  $padding-horizontal-large: $LOOM-container-padding-larger,
  $margin-vertical: $LOOM-container-margin,
  $breakpoint-switch: $LOOM-container-breakpoint
) {
  display: block;
  margin-bottom: $margin-vertical;
  margin-left: auto;
  margin-right: auto;
  max-width: $max-width;
  padding-left: $padding-horizontal;
  padding-right: $padding-horizontal;
  transition: $LOOM-container-transition;
  width: 100%;

  @include mq($from: $breakpoint-switch) {
    padding-left: $padding-horizontal-large;
    padding-right: $padding-horizontal-large;
  }
}

@if $LOOM-use-object-classes-container {
  .o-container {
    @include container();
  }
}

/// Toggle container class generation.
///
/// By default uses global setting.
/// @group 60-objects
$LOOM-use-object-classes-container: $LOOM-use-object-classes !default;

$LOOM-container-padding: get-spacing(default) !default;
$LOOM-container-padding-larger:get-spacing(default) !default;
$LOOM-container-margin: get-spacing(default) !default;
$LOOM-container-breakpoint: medium !default;
$LOOM-container-transition: get-transition(padding) !default;

@mixin container(
  $max-width: $LOOM-single-column-width,
  $padding-horizontal: $LOOM-container-padding,
  $padding-horizontal-large: $LOOM-container-padding-larger,
  $margin-vertical: $LOOM-container-margin,
  $breakpoint-switch: $LOOM-container-breakpoint
) {
  display: block;
  margin-bottom: $margin-vertical;
  margin-left: auto;
  margin-right: auto;
  max-width: $max-width;
  padding-left: $padding-horizontal;
  padding-right: $padding-horizontal;
  transition: $LOOM-container-transition;
  width: 100%;

  @include mq($from: $breakpoint-switch) {
    padding-left: $padding-horizontal-large;
    padding-right: $padding-horizontal-large;
  }
}

@if $LOOM-use-object-classes-container {
  .o-container {
    @include container();
  }
}

Add default to container transition
Add default to container transition
