@mixin deprecation($message: '') {
  .ui-deprecations--show & {
    position: relative;

    outline: 3px solid hotpink !important;
  }

  .ui-deprecations--show &::before {
    position: absolute;
    top: 0;
    left: 0;

    padding: 2px 4px;

    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
    line-height: 10px;
    white-space: nowrap;

    background: hotpink;

    content: 'Deprecate: ' + $message;
  }
}