Skip to content

Commit e8d6231

Browse files
authored
Merge pull request #388 from ember-learn/jw-inline-code
Add a background color to inline code
2 parents 4243810 + fcafc19 commit e8d6231

File tree

2 files changed

+13
-0
lines changed

2 files changed

+13
-0
lines changed

addon/styles/global.css

+9
Original file line numberDiff line numberDiff line change
@@ -274,3 +274,12 @@ img {
274274
padding-bottom: 8rem;
275275
border: 1px solid #ccc;
276276
}
277+
278+
code:not([class*="language-"]) {
279+
background-color: var(--color-gray-400);
280+
color: var(--color-black);
281+
border-radius: 3px;
282+
font-size: .9em;
283+
padding: .2em .5em;
284+
margin: 0 .1em;
285+
}

docs/concepts/markdown.md

+4
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,10 @@ Sometimes you just want to be **bold with your words**! But other times _you mig
3838
3939
[Ember is the best framework](https://emberjs.com)
4040
41+
##### Inline code
42+
43+
Let's refer to some libraries like `ember-cli` and make sure the inline code styles are applied.
44+
4145
---
4246
4347
![Zoey Mascot](/images/mascots/zoey.png)

0 commit comments

Comments
 (0)