mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-07-03 23:46:40 -04:00
swap native emojis for Twemojis 🎉 (#92)
This commit is contained in:
@ -19,16 +19,18 @@ div#content {
|
||||
border-bottom: 1px solid $color-kinda-light;
|
||||
}
|
||||
|
||||
img,
|
||||
figure {
|
||||
p.image img,
|
||||
figure img {
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
margin: 1em auto;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
figure {
|
||||
// reduce margin between image and caption
|
||||
margin: 1em auto;
|
||||
|
||||
img {
|
||||
margin-bottom: 0.4em;
|
||||
}
|
||||
|
@ -87,6 +87,16 @@ div.highlight {
|
||||
}
|
||||
}
|
||||
|
||||
// make SVG twemojis relative to surrounding text
|
||||
// https://github.com/twitter/twemoji#inline-styles
|
||||
img.emoji {
|
||||
height: 1em !important;
|
||||
width: 1em !important;
|
||||
margin: 0 0.05em 0 0.1em !important;
|
||||
vertical-align: -0.1em !important;
|
||||
display: inline !important;
|
||||
}
|
||||
|
||||
// white background for entire width content area
|
||||
div#wrap {
|
||||
width: 100%;
|
||||
|
Reference in New Issue
Block a user