canonical / canonical/vanilla-framework

Component amendment: Pre

Open
#5,594 2 comments 0 reactions 1 assignee Claimed by @Nayab-Gauhar View on GitHub
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

Image

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.