@import './../mixins', './../variables';

$deleted-user: (
  'padding-vertical': 4,
  'padding-horizontal': 8,
  'border-radius': 3,
);

@layer base {
  .mention {
    &.deleted-user {
      background: get-map($theme, 'mention_deleted-user_bg');
      padding: px-to-rem(get-map($deleted-user, 'padding-vertical'))
        px-to-rem(get-map($deleted-user, 'padding-horizontal'));
      color: get-map($theme, 'mention_deleted-user');
      font-weight: 500;
      font-style: italic;
      border-radius: px-to-rem(get-map($deleted-user, 'border-radius'));
    }
  }
}
