// ===================================================
// Placeholder Class
// ===================================================

/// Shorthand for centering Elements
///
/// @param {bool} $extend [true] - Set it on false the mixin will used as regular mixin
///
/// @group core - placeholder
///
/// @example scss - scss
///   .box-1 {
///     @include block-center();
///   }
///   .box-2 {
///     @include block-center();
///   }
///   @include break(4) {
///     .box-3 {
///       @include block-center(false);
///     }
///   }
///
/// @example css - css
///   .box-1, .box-2 {
///     display: block;
///     margin-left: auto;
///     margin-right: auto;
///   }
///   @media screen and (min-width: 768px) {
///     .box-3 {
///       display: block;
///       margin-left: auto;
///       margin-right: auto;
///     }
///   }
@mixin block-center($extend: true) {
  @if $extend {
    @extend %block-center;

  } @else {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

// Placeholder Class
%block-center {
  @include block-center(false);
}