canonical / canonical/vanilla-framework
Component amendment: Pre
Open
Bug 🐛
- Dominant language
- HTML
- Stars
- 983
- Forks
- 216
- Avg merge
- 3d 13h
- Merged PRs (30d)
- 3
Description
## Component/pattern to amend
THe pre element is not on the baseline grid. It's padding-top and margin bottom are not based on the nudge system
## Visual
```
pre {
background-color: var(--vf-color-background-code);
color: var(--vf-color-text-default);
display: block;
margin-bottom: 1.5rem;
margin-top: 0;
overflow: auto;
padding: .5rem 1rem;
text-align: left;
text-shadow: none;
white-space: pre;
}
```
This leads to displacement from the baseline grid on following elements.
## Context
Contributor guide
Assessment
This issue has not been assessed yet.