Skip to content

Commit efbc8d9

Browse files
authored
Merge pull request #342 from ember-learn/add-block-quotes-and-assets
adds block quotes for markdown
2 parents ea276d5 + 8af79aa commit efbc8d9

File tree

3 files changed

+31
-0
lines changed

3 files changed

+31
-0
lines changed

addon/styles/global.css

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -224,6 +224,26 @@ hr {
224224
height: 2px;
225225
}
226226

227+
blockquote {
228+
position: relative;
229+
margin: var(--spacing-3) 0;
230+
padding: var(--spacing-2) var(--spacing-5);
231+
232+
background: var(--color-gray-200);
233+
border-radius: var(--radius-lg);
234+
235+
color: var(--color-gray-700);
236+
font-size: var(--font-size-base);
237+
font-weight: var(--font-weight-3);
238+
}
239+
240+
blockquote:before {
241+
content: url('/images/quotes.svg');
242+
position: absolute;
243+
left: var(--spacing-2);
244+
top: var(--spacing-1);
245+
}
246+
227247
/*
228248
@media (max-width: 1280px) and (min-width: 421px) {
229249
body,

docs/concepts/markdown.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,8 @@ This section won't have much text, but it will have some other examples!
2020
- list item 2
2121
- list item 3
2222
23+
> You can also add some block quotes if you like.
24+
2325
#### Header 4
2426
2527
You thought you got away with 3 headers, well you haven't seen nothin yet!

public/images/quotes.svg

Lines changed: 9 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)