consul/ui/packages/consul-ui/app/components/inline-code
John Cowen f6f282ac77
ui: Add information regarding Host header for ingress gateways (#10050)
* Add inline-code CSS component

* Add %inline-code to all the places where we need it

* Inject selected env variables into the translations file

* Add ingress gateway upstream 'host header' intro text

* Make sure we can use actual correct component casing for titles but still have nice consistent menu item casing in the side nav
2021-04-22 12:16:56 +01: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: Add information regarding Host header for ingress gateways (#10050) 2021-04-22 12:16:56 +01: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;
}
```