LukeParke/unicorn-utterances
1
0
Fork 0
mirror of https://github.com/LukeHagar/unicorn-utterances.git synced 2025-12-06 04:21:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

use "Noto Emoji" font for better contrast in banner images

Browse Source
This commit is contained in:
James Fenn
2023-10-03 16:47:42 -04:00
parent 34977c078d
commit 569a13e594
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
build-scripts/social-previews/layouts/banner-css.ts
View File

@@ -1,5 +1,5 @@
export default ` export default `
@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Roboto+Mono:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Emoji&family=Roboto+Mono:wght@400;700&display=swap');
* { * {
font-family: inherit; font-family: inherit;
@@ -111,18 +111,19 @@ pre code::before {
position: absolute; position: absolute;
top: calc(50% + var(--y)); top: calc(50% + var(--y));
left: calc(50% + var(--x)); left: calc(50% + var(--x));
filter: grayscale(1);
} }
.rect svg { .rect svg {
margin: 20px; margin: 20px;
width: calc(100% - 40px); width: calc(100% - 40px);
height: calc(100% - 40px); height: calc(100% - 40px);
filter: grayscale(1);
} }
.rect.emoji { .rect.emoji {
font-family: 'Noto Color Emoji'; font-family: 'Noto Emoji';
font-size: 100px; font-size: 100px;
color: #333;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;