discourse/discourse-rewind
1
0
Fork 0
mirror of https://github.com/discourse/discourse-rewind.git synced 2025-07-07 14:22:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

fbff font

Browse Source
This commit is contained in:
Joffrey JAFFEUX 2025-01-20 18:24:09 +01:00
parent c7a8c3d30b
commit 8b1943fb9a
3 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/stylesheets/common/fbff.scss
View File

@ -9,6 +9,7 @@
grid-template-areas: "gif gif gif" "friend nothing you"; grid-template-areas: "gif gif gif" "friend nothing you";
} }
} }
--border-size: 6px; --border-size: 6px;
@media screen and (width <= 768px) { @media screen and (width <= 768px) {
--border-size: 4px; --border-size: 4px;
@ -16,6 +17,7 @@
@media screen and (width <= 475px) { @media screen and (width <= 475px) {
--border-size: 3px; --border-size: 3px;
} }
.fbff-gif-container { .fbff-gif-container {
position: relative; position: relative;
width: 90%; width: 90%;
@ -27,21 +29,25 @@
grid-area: gif; grid-area: gif;
} }
} }
.fbff-gif { .fbff-gif {
width: 100%; width: 100%;
border-radius: var(--rewind-border-radius); border-radius: var(--rewind-border-radius);
} }
.fbff-avatar-container { .fbff-avatar-container {
z-index: 10; z-index: 10;
@media screen and (width <= 625px) { @media screen and (width <= 625px) {
&:first-of-type { &:first-of-type {
grid-area: friend; grid-area: friend;
} }
&:last-of-type { &:last-of-type {
grid-area: you; grid-area: you;
} }
} }
} }
.fbff-avatar-container img.avatar { .fbff-avatar-container img.avatar {
align-self: center; align-self: center;
justify-self: center; justify-self: center;
@ -56,11 +62,13 @@
height: 25px; height: 25px;
} }
} }
.fbff-avatar-container { .fbff-avatar-container {
display: grid; display: grid;
grid-template-rows: 1fr min-content; grid-template-rows: 1fr min-content;
flex-direction: column; flex-direction: column;
} }
.fbff-avatar-name { .fbff-avatar-name {
margin: 0; margin: 0;
align-self: center; align-self: center;
@ -68,7 +76,7 @@
margin-top: auto; margin-top: auto;
height: min-content; height: min-content;
font-size: var(--font-down-1); font-size: var(--font-down-1);
font-family: Pixelify Sans; font-family: "Pixelify Sans";
@media screen and (width <= 475px) { @media screen and (width <= 475px) {
font-size: var(--font-down-3); font-size: var(--font-down-3);
} }

16
assets/stylesheets/common/fonts.scss
View File

@ -1,5 +1,5 @@
@font-face { @font-face {
font-family: "receipt-narrow"; font-family: receipt-narrow;
src: absolute-image-url( src: absolute-image-url(
"/plugins/discourse-rewind/fonts/receipt-narrow.woff2" "/plugins/discourse-rewind/fonts/receipt-narrow.woff2"
) )
@ -21,9 +21,21 @@
format("woff2"); 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 { .rewind {
--jersey-heading: "Jersey 20", Helvetica, Arial, sans-serif; --jersey-heading: "Jersey 20", helvetica, arial, sans-serif;
--pixel-text: "receipt-narrow", sans-serif; --pixel-text: "receipt-narrow", sans-serif;
h1, h1,
h2, h2,
h3, h3,

BIN
public/fonts/pixelify-sans-v1-latin-regular.woff2 Normal file
View File

Binary file not shown.