@import '../../style/themes/default.less';
@container-prefix-cls: ~'@{clinia-prefix}-container';
/* ========================================================================
   Component: Container
 ========================================================================== */

@container-max-width-base: @max-width-global;
@container-max-width-large: @max-large-width-global;

.@{container-prefix-cls} {
  box-sizing: content-box;
  max-width: @container-max-width-base;
  padding-left: @padding-lg;
  padding-right: @padding-lg;
  margin-right: auto;
  margin-left: auto;

  &-large {
    &:extend(.@{container-prefix-cls});
    max-width: @container-max-width-large;
  }
}
