Dummy

/* Dummy Placeholder Helper */

.dummy {
  @include typography-level('code');

  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  outline: 1px dotted var(--secondary-color);
  outline-offset: -1px;
  background-color: rgba(var(--secondary-color), 0.2);
  color: var(--secondary-color);

  &::before {
    content: 'Dummy Placeholder';
    flex: 1 1 auto;
    padding: $helper-padding;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}