From 8b1943fb9a007e61eec6717e0bd6be3edaf1fd9f Mon Sep 17 00:00:00 2001 From: Joffrey JAFFEUX Date: Mon, 20 Jan 2025 18:24:09 +0100 Subject: [PATCH] fbff font --- assets/stylesheets/common/fbff.scss | 10 +++++++++- assets/stylesheets/common/fonts.scss | 16 ++++++++++++++-- .../fonts/pixelify-sans-v1-latin-regular.woff2 | Bin 0 -> 7716 bytes 3 files changed, 23 insertions(+), 3 deletions(-) create mode 100644 public/fonts/pixelify-sans-v1-latin-regular.woff2 diff --git a/assets/stylesheets/common/fbff.scss b/assets/stylesheets/common/fbff.scss index 3b059fa..d7d9c1c 100644 --- a/assets/stylesheets/common/fbff.scss +++ b/assets/stylesheets/common/fbff.scss @@ -9,6 +9,7 @@ grid-template-areas: "gif gif gif" "friend nothing you"; } } + --border-size: 6px; @media screen and (width <= 768px) { --border-size: 4px; @@ -16,6 +17,7 @@ @media screen and (width <= 475px) { --border-size: 3px; } + .fbff-gif-container { position: relative; width: 90%; @@ -27,21 +29,25 @@ grid-area: gif; } } + .fbff-gif { width: 100%; border-radius: var(--rewind-border-radius); } + .fbff-avatar-container { z-index: 10; @media screen and (width <= 625px) { &:first-of-type { grid-area: friend; } + &:last-of-type { grid-area: you; } } } + .fbff-avatar-container img.avatar { align-self: center; justify-self: center; @@ -56,11 +62,13 @@ height: 25px; } } + .fbff-avatar-container { display: grid; grid-template-rows: 1fr min-content; flex-direction: column; } + .fbff-avatar-name { margin: 0; align-self: center; @@ -68,7 +76,7 @@ margin-top: auto; height: min-content; font-size: var(--font-down-1); - font-family: Pixelify Sans; + font-family: "Pixelify Sans"; @media screen and (width <= 475px) { font-size: var(--font-down-3); } diff --git a/assets/stylesheets/common/fonts.scss b/assets/stylesheets/common/fonts.scss index 774a5f4..724c978 100644 --- a/assets/stylesheets/common/fonts.scss +++ b/assets/stylesheets/common/fonts.scss @@ -1,5 +1,5 @@ @font-face { - font-family: "receipt-narrow"; + font-family: receipt-narrow; src: absolute-image-url( "/plugins/discourse-rewind/fonts/receipt-narrow.woff2" ) @@ -21,9 +21,21 @@ format("woff2"); } +@font-face { + font-display: swap; + font-family: "Pixelify Sans"; + font-style: normal; + font-weight: 400; + src: absolute-image-url( + "/plugins/discourse-rewind/fonts/pixelify-sans-v1-latin-regular.woff2" + ) + format("woff2"); +} + .rewind { - --jersey-heading: "Jersey 20", Helvetica, Arial, sans-serif; + --jersey-heading: "Jersey 20", helvetica, arial, sans-serif; --pixel-text: "receipt-narrow", sans-serif; + h1, h2, h3, diff --git a/public/fonts/pixelify-sans-v1-latin-regular.woff2 b/public/fonts/pixelify-sans-v1-latin-regular.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..ccbbc95ac1b08297d85a54d485fb27b1fa95e622 GIT binary patch literal 7716 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 literal 0 HcmV?d00001