consul/ui/packages/consul-ui/app/components/inline-code
John Cowen b84ee47ff0
ui: Fix brand coloring for inline-code plus docs (#11578)
* ui: Fix brand coloring for inline-code plus docs

Also use --tones instead of --black/--white (#11601)

Co-authored-by: Evan Rowe <ev.rowe@gmail.com>
2021-11-23 18:32:11 +00:00
..
README.mdx ui: Add information regarding Host header for ingress gateways (#10050) 2021-04-22 12:16:56 +01:00
index.scss ui: Add information regarding Host header for ingress gateways (#10050) 2021-04-22 12:16:56 +01:00
layout.scss ui: Add information regarding Host header for ingress gateways (#10050) 2021-04-22 12:16:56 +01:00
skin.scss ui: Fix brand coloring for inline-code plus docs (#11578) 2021-11-23 18:32:11 +00:00

README.mdx

---
class: css
---
# inline-code

All `p code` within `main` and any `ModalLayer`s default to use the following
inline code CSS component.

```hbs preview-template
<p>
  This is so we can highlight code <code>inline</code> in paragraphs and such-like.
</p>
```

It can also be added to any additional elements using the following
placeholder.

```css
p code {
  @extend %inline-code;
}
```