@mixin global-box-sizing()

Description

Establish gloabl box-sizing within any scope.

Parameters

$box: border-box (border-box | content-box)

The box-sizing model to establish globally.

Examples

scss
@include global-box-sizing;
css compiled
*, *::before, *::after {
  box-sizing: border-box;
}
scss – nested box-sizing
.old-box-model {
  box-sizing: content-box;
  @include global-box-sizing(inherit);
}
css compiled
.old-box-model {
  box-sizing: content-box;
}

.old-box-model *, .old-box-model *::before, .old-box-model *::after {
  box-sizing: inherit;
}