Skip to content
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Scope image.scss styles to markdown-body, fix emoji rendering (#20805)
  • Loading branch information
mikesurowiec authored Aug 12, 2021
commit 7955c52b99be53f6b6ddc4a9577df214f1dc8a2c
11 changes: 5 additions & 6 deletions stylesheets/images.scss
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
.procedural-image-wrapper {
.markdown-body .procedural-image-wrapper {
display: block;
padding: 10px 0;
margin: 20px auto 0 auto;
border: none;
max-width: calc(100% - 32px);
}

.procedural-image-wrapper img {
.markdown-body .procedural-image-wrapper img {
border-radius: 5px;
border: 2px solid var(--color-auto-gray-2);
width: auto;
Expand All @@ -16,11 +16,10 @@
}

// make sure images that contain emoji render at the expected size
img[src*="https://github.githubassets.com/images/icons/emoji"]
.markdown-body img[src*="https://github.githubassets.com/images/icons/emoji"]
{
height: 20;
width: 20;
align: absmiddle;
height: 20px;
width: 20px;
}

.markdown-body img {
Expand Down