/*
  Project overrides on top of the Lexxy editor (gem stylesheet stays in
  lexxy.css).
*/

@layer modules {
  lexxy-toolbar .lexxy-editor__toolbar-button--chevron::after {
    box-sizing: content-box;
  }

  lexxy-code-language-picker select {
    line-height: normal;
  }

  :where(lexxy-editor) summary {
    display: grid;
  }

  :where(lexxy-editor, .lexxy-content) {
    &[attachments="false"] button[name="upload"] {
      display: none;
    }

    ul,
    ol {
      list-style: revert;
      padding: revert;
      margin: revert;
    }

    a {
      color: var(--color-blue-500);
    }
  }
}