$color-error: #c53d43;
$color-highlight: #fff;

@mixin unstyled-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;

  &:not([role])::after {
    content: "Safari のために role=list を記述しましょう";
    position: absolute;
    padding-right: 0.5em;
    padding-left: 0.5em;
    border-radius: 4px;
    background-color: $color-error;
    color: $color-highlight;
  }
}