jake/jarv.is
jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-27 05:18:28 -04:00
Code Issues

some magic numbers to improve twemoji sizing/alignment

Browse Source
This commit is contained in:
Jake Jarvis 2020-03-30 00:53:54 -04:00
parent 933a1fe0cd
commit b5e5af148e
Signed by: jake
GPG Key ID: 2B0C9CF251E69A39
5 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/sass/components/_footer.scss
View File

@ -46,7 +46,7 @@ footer {
&#panda {
width: 20%;
text-align: center;
font-size: 1.7em;
font-size: 1.6em;
line-height: 1;
a {

8
assets/sass/components/_global.scss
View File

@ -90,10 +90,10 @@ 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;
height: 1.1em !important;
width: 1.1em !important;
margin: 0 0.09em !important;
vertical-align: -0.18em !important;
display: inline !important;
}

13
assets/sass/components/_header.scss
View File

@ -58,7 +58,7 @@ header {
li {
text-align: right;
margin-left: 1.45em;
margin-left: 1.6em;
a {
display: inline-block;
@ -70,10 +70,15 @@ header {
color: $color-links;
}
span.icon {
font-size: 1.15em;
vertical-align: -0.075em;
}
span.text {
font-size: 0.8em;
font-weight: 500;
margin-left: 0.55em;
margin-left: 0.5em;
}
}
}
@ -106,6 +111,10 @@ header {
margin-left: 1em;
a {
span.icon {
font-size: 0.9em;
}
// hide text next to emojis on mobile
span.text {
display: none;

2
assets/sass/pages/_home.scss
View File

@ -62,7 +62,7 @@ main#home {
margin-bottom: 0;
span {
margin-right: 0.2em;
margin-right: 0.1em;
}
}

2
config.toml
View File

@ -51,7 +51,7 @@ disableAliases = true
[menu]
[[menu.main]]
name = "Home"
pre = "🏠"
pre = "🏡"
url = "/"
weight = -100
[[menu.main]]