//
// Copyright IBM Corp. 2016, 2018
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
//

@use "../../config" as *;
@use "../../spacing" as *;
@use "../../theme" as *;
@use "../../type" as *;
@use "../../breakpoint" as *;
@use "../../utilities/convert" as *;
@use "../../utilities/focus-outline";
@use "../../utilities/high-contrast-mode" as *;
@use "../../utilities/skeleton" as *;
@use "../../utilities/visually-hidden" as *;
@use "../../utilities/z-index" as *;
@use "../../utilities/placeholder-colors" as *;

@mixin wrapper {
  .#{$prefix}--wrapper {
    margin: auto;
    width: 100%;
    padding-left: $spacing-05;
    padding-right: $spacing-05;

    @include breakpoint("lg") {
      padding-left: $spacing-05;
      padding-right: $spacing-05;
    }
  }

  .#{$prefix}--wrapper--width-full {
    max-width: 100%;
  }

  .#{$prefix}--wrapper--width-lg {
    max-width: 1200px;
  }

  .#{$prefix}--wrapper--spacing-md {
    padding-top: $spacing-05;
    padding-bottom: $spacing-05;
  }

  .#{$prefix}--wrapper--spacing-xl {
    padding-top: $spacing-08;
    padding-bottom: $spacing-08;
  }

  .#{$prefix}--wrapper--background-lighter {
    background: $layer-primary; //$color__navy-gray-9;
  }

  .#{$prefix}--wrapper--background-dark {
    background: $background-brand;
  }

  .#{$prefix}--wrapper--width-md {
    max-width: 1000px;
  }

  .#{$prefix}--wrapper--width-sm {
    max-width: 700px;
  }

  .#{$prefix}--wrapper--width-xs {
    max-width: 500px;
  }
}