@import "./mixin.less";

.memo-content-text {
  .flex(column, flex-start, flex-start);
  @apply w-full whitespace-pre-wrap break-words;

  > p {
    @apply inline-block w-full h-auto mb-1 last:mb-0 text-base leading-7 whitespace-pre-wrap break-words;
  }

  .tag-span {
    @apply inline-block w-auto px-2 text-sm leading-6 border-none rounded cursor-pointer text-blue-600 bg-blue-50 hover:text-white hover:bg-blue-600;
  }

  .memo-link-text {
    @apply inline-block text-blue-600 cursor-pointer font-bold border-none no-underline hover:opacity-80;
  }

  .link {
    @apply inline-block text-blue-600 cursor-pointer underline break-all hover:opacity-80;
  }

  .counter-block,
  .todo-block {
    @apply inline-block text-center w-6 font-mono;
  }

  pre {
    @apply w-full mt-1 py-2 px-3 rounded text-sm bg-gray-100 whitespace-pre-wrap;
  }
}
