/*
---
name: pre()
category:
  - core/abstract
---
Abstract pre component

### scss
```scss
@use "node_modules/sass-basis/src/css/core";

pre {
  @include core.pre();
}
```

## html
```ejs
<pre>pre</pre>
```
*/

@mixin pre() {
  --_border-radius: var(--_global--border-radius);

  background-color: var(--_lightest-color-gray);
  border: 1px solid var(--_lighter-color-gray);
  border-radius: var(--_border-radius);
  padding: var(--_padding1);
  overflow: auto;

  code {
    background-color: transparent;
    border: none;
    color: inherit;
    font-size: 100%;
    padding: 0;
  }
}