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 `
@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;
@@ -111,18 +111,19 @@ pre code::before {
position: absolute;
top: calc(50% + var(--y));
left: calc(50% + var(--x));
filter: grayscale(1);
}
.rect svg {
margin: 20px;
width: calc(100% - 40px);
height: calc(100% - 40px);
filter: grayscale(1);
}
.rect.emoji {
font-family: 'Noto Color Emoji';
font-family: 'Noto Emoji';
font-size: 100px;
color: #333;
display: flex;
align-items: center;
justify-content: center;