// Box Sizing
// ==========


// Global Box Sizing
// -----------------
/// Establish gloabl box-sizing within any scope.
///
/// @group box-sizing
///
/// @param {border-box | content-box} $box [border-box] -
///   The box-sizing model to establish globally.
///
/// @example scss
///   @include global-box-sizing;
///
/// @example scss – nested box-sizing
///   .old-box-model {
///     box-sizing: content-box;
///     @include global-box-sizing(inherit);
///   }
@mixin global-box-sizing(
  $box: border-box
) {
  * {
    &,
    &::before,
    &::after {
      box-sizing: $box;
    }
  }
}