commit 91b3a694177b82c22e728837f2be6b23ed8461df parent 0932d6076cffce2a17cd011649c71e703bc7898c Author: MTRNord <mtrnord1@gmail.com> Date: Wed, 10 May 2023 15:54:43 +0200 Preload fonts, fix fontloading, remove unused fonts, fix image sizes and make emoji work Diffstat:
129 files changed, 284 insertions(+), 221 deletions(-)
diff --git a/assets/font-files/Inter-Black.otf b/assets/font-files/Inter-Black.otf Binary files differ. diff --git a/assets/font-files/Inter-Black.woff b/assets/font-files/Inter-Black.woff Binary files differ. diff --git a/assets/font-files/Inter-Black.woff2 b/assets/font-files/Inter-Black.woff2 Binary files differ. diff --git a/assets/font-files/Inter-BlackItalic.otf b/assets/font-files/Inter-BlackItalic.otf Binary files differ. diff --git a/assets/font-files/Inter-BlackItalic.woff b/assets/font-files/Inter-BlackItalic.woff Binary files differ. diff --git a/assets/font-files/Inter-BlackItalic.woff2 b/assets/font-files/Inter-BlackItalic.woff2 Binary files differ. diff --git a/assets/font-files/Inter-Bold.otf b/assets/font-files/Inter-Bold.otf Binary files differ. diff --git a/assets/font-files/Inter-Bold.woff b/assets/font-files/Inter-Bold.woff Binary files differ. diff --git a/assets/font-files/Inter-Bold.woff2 b/assets/font-files/Inter-Bold.woff2 Binary files differ. diff --git a/assets/font-files/Inter-BoldItalic.otf b/assets/font-files/Inter-BoldItalic.otf Binary files differ. diff --git a/assets/font-files/Inter-BoldItalic.woff b/assets/font-files/Inter-BoldItalic.woff Binary files differ. diff --git a/assets/font-files/Inter-BoldItalic.woff2 b/assets/font-files/Inter-BoldItalic.woff2 Binary files differ. diff --git a/assets/font-files/Inter-ExtraBold.otf b/assets/font-files/Inter-ExtraBold.otf Binary files differ. diff --git a/assets/font-files/Inter-ExtraBold.woff b/assets/font-files/Inter-ExtraBold.woff Binary files differ. diff --git a/assets/font-files/Inter-ExtraBold.woff2 b/assets/font-files/Inter-ExtraBold.woff2 Binary files differ. diff --git a/assets/font-files/Inter-ExtraBoldItalic.otf b/assets/font-files/Inter-ExtraBoldItalic.otf Binary files differ. diff --git a/assets/font-files/Inter-ExtraBoldItalic.woff b/assets/font-files/Inter-ExtraBoldItalic.woff Binary files differ. diff --git a/assets/font-files/Inter-ExtraBoldItalic.woff2 b/assets/font-files/Inter-ExtraBoldItalic.woff2 Binary files differ. diff --git a/assets/font-files/Inter-ExtraLight.otf b/assets/font-files/Inter-ExtraLight.otf Binary files differ. diff --git a/assets/font-files/Inter-ExtraLight.woff b/assets/font-files/Inter-ExtraLight.woff Binary files differ. diff --git a/assets/font-files/Inter-ExtraLight.woff2 b/assets/font-files/Inter-ExtraLight.woff2 Binary files differ. diff --git a/assets/font-files/Inter-ExtraLightItalic.otf b/assets/font-files/Inter-ExtraLightItalic.otf Binary files differ. diff --git a/assets/font-files/Inter-ExtraLightItalic.woff b/assets/font-files/Inter-ExtraLightItalic.woff Binary files differ. diff --git a/assets/font-files/Inter-ExtraLightItalic.woff2 b/assets/font-files/Inter-ExtraLightItalic.woff2 Binary files differ. diff --git a/assets/font-files/Inter-Italic.otf b/assets/font-files/Inter-Italic.otf Binary files differ. diff --git a/assets/font-files/Inter-Italic.woff b/assets/font-files/Inter-Italic.woff Binary files differ. diff --git a/assets/font-files/Inter-Italic.woff2 b/assets/font-files/Inter-Italic.woff2 Binary files differ. diff --git a/assets/font-files/Inter-Light.otf b/assets/font-files/Inter-Light.otf Binary files differ. diff --git a/assets/font-files/Inter-Light.woff b/assets/font-files/Inter-Light.woff Binary files differ. diff --git a/assets/font-files/Inter-Light.woff2 b/assets/font-files/Inter-Light.woff2 Binary files differ. diff --git a/assets/font-files/Inter-LightItalic.otf b/assets/font-files/Inter-LightItalic.otf Binary files differ. diff --git a/assets/font-files/Inter-LightItalic.woff b/assets/font-files/Inter-LightItalic.woff Binary files differ. diff --git a/assets/font-files/Inter-LightItalic.woff2 b/assets/font-files/Inter-LightItalic.woff2 Binary files differ. diff --git a/assets/font-files/Inter-Medium.otf b/assets/font-files/Inter-Medium.otf Binary files differ. diff --git a/assets/font-files/Inter-Medium.woff b/assets/font-files/Inter-Medium.woff Binary files differ. diff --git a/assets/font-files/Inter-Medium.woff2 b/assets/font-files/Inter-Medium.woff2 Binary files differ. diff --git a/assets/font-files/Inter-MediumItalic.otf b/assets/font-files/Inter-MediumItalic.otf Binary files differ. diff --git a/assets/font-files/Inter-MediumItalic.woff b/assets/font-files/Inter-MediumItalic.woff Binary files differ. diff --git a/assets/font-files/Inter-MediumItalic.woff2 b/assets/font-files/Inter-MediumItalic.woff2 Binary files differ. diff --git a/assets/font-files/Inter-Regular.otf b/assets/font-files/Inter-Regular.otf Binary files differ. diff --git a/assets/font-files/Inter-Regular.woff b/assets/font-files/Inter-Regular.woff Binary files differ. diff --git a/assets/font-files/Inter-Regular.woff2 b/assets/font-files/Inter-Regular.woff2 Binary files differ. diff --git a/assets/font-files/Inter-SemiBold.otf b/assets/font-files/Inter-SemiBold.otf Binary files differ. diff --git a/assets/font-files/Inter-SemiBold.woff b/assets/font-files/Inter-SemiBold.woff Binary files differ. diff --git a/assets/font-files/Inter-SemiBold.woff2 b/assets/font-files/Inter-SemiBold.woff2 Binary files differ. diff --git a/assets/font-files/Inter-SemiBoldItalic.otf b/assets/font-files/Inter-SemiBoldItalic.otf Binary files differ. diff --git a/assets/font-files/Inter-SemiBoldItalic.woff b/assets/font-files/Inter-SemiBoldItalic.woff Binary files differ. diff --git a/assets/font-files/Inter-SemiBoldItalic.woff2 b/assets/font-files/Inter-SemiBoldItalic.woff2 Binary files differ. diff --git a/assets/font-files/Inter-Thin.otf b/assets/font-files/Inter-Thin.otf Binary files differ. diff --git a/assets/font-files/Inter-Thin.woff b/assets/font-files/Inter-Thin.woff Binary files differ. diff --git a/assets/font-files/Inter-Thin.woff2 b/assets/font-files/Inter-Thin.woff2 Binary files differ. diff --git a/assets/font-files/Inter-ThinItalic.otf b/assets/font-files/Inter-ThinItalic.otf Binary files differ. diff --git a/assets/font-files/Inter-ThinItalic.woff b/assets/font-files/Inter-ThinItalic.woff Binary files differ. diff --git a/assets/font-files/Inter-ThinItalic.woff2 b/assets/font-files/Inter-ThinItalic.woff2 Binary files differ. diff --git a/assets/font-files/Inter-italic.var.ttf b/assets/font-files/Inter-italic.var.ttf Binary files differ. diff --git a/assets/font-files/Inter-roman.var.ttf b/assets/font-files/Inter-roman.var.ttf Binary files differ. diff --git a/assets/font-files/Inter.var.ttf b/assets/font-files/Inter.var.ttf Binary files differ. diff --git a/assets/font-files/InterDisplay-Black.otf b/assets/font-files/InterDisplay-Black.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-Black.woff b/assets/font-files/InterDisplay-Black.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-Black.woff2 b/assets/font-files/InterDisplay-Black.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-BlackItalic.otf b/assets/font-files/InterDisplay-BlackItalic.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-BlackItalic.woff b/assets/font-files/InterDisplay-BlackItalic.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-BlackItalic.woff2 b/assets/font-files/InterDisplay-BlackItalic.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-Bold.otf b/assets/font-files/InterDisplay-Bold.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-Bold.woff b/assets/font-files/InterDisplay-Bold.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-Bold.woff2 b/assets/font-files/InterDisplay-Bold.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-BoldItalic.otf b/assets/font-files/InterDisplay-BoldItalic.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-BoldItalic.woff b/assets/font-files/InterDisplay-BoldItalic.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-BoldItalic.woff2 b/assets/font-files/InterDisplay-BoldItalic.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-ExtraBold.otf b/assets/font-files/InterDisplay-ExtraBold.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-ExtraBold.woff b/assets/font-files/InterDisplay-ExtraBold.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-ExtraBold.woff2 b/assets/font-files/InterDisplay-ExtraBold.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-ExtraBoldItalic.otf b/assets/font-files/InterDisplay-ExtraBoldItalic.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-ExtraBoldItalic.woff b/assets/font-files/InterDisplay-ExtraBoldItalic.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-ExtraBoldItalic.woff2 b/assets/font-files/InterDisplay-ExtraBoldItalic.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-ExtraLight.otf b/assets/font-files/InterDisplay-ExtraLight.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-ExtraLight.woff b/assets/font-files/InterDisplay-ExtraLight.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-ExtraLight.woff2 b/assets/font-files/InterDisplay-ExtraLight.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-ExtraLightItalic.otf b/assets/font-files/InterDisplay-ExtraLightItalic.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-ExtraLightItalic.woff b/assets/font-files/InterDisplay-ExtraLightItalic.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-ExtraLightItalic.woff2 b/assets/font-files/InterDisplay-ExtraLightItalic.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-Italic.otf b/assets/font-files/InterDisplay-Italic.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-Italic.woff b/assets/font-files/InterDisplay-Italic.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-Italic.woff2 b/assets/font-files/InterDisplay-Italic.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-Light.otf b/assets/font-files/InterDisplay-Light.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-Light.woff b/assets/font-files/InterDisplay-Light.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-Light.woff2 b/assets/font-files/InterDisplay-Light.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-LightItalic.otf b/assets/font-files/InterDisplay-LightItalic.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-LightItalic.woff b/assets/font-files/InterDisplay-LightItalic.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-LightItalic.woff2 b/assets/font-files/InterDisplay-LightItalic.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-Medium.otf b/assets/font-files/InterDisplay-Medium.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-Medium.woff b/assets/font-files/InterDisplay-Medium.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-Medium.woff2 b/assets/font-files/InterDisplay-Medium.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-MediumItalic.otf b/assets/font-files/InterDisplay-MediumItalic.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-MediumItalic.woff b/assets/font-files/InterDisplay-MediumItalic.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-MediumItalic.woff2 b/assets/font-files/InterDisplay-MediumItalic.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-Regular.otf b/assets/font-files/InterDisplay-Regular.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-Regular.woff b/assets/font-files/InterDisplay-Regular.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-Regular.woff2 b/assets/font-files/InterDisplay-Regular.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-SemiBold.otf b/assets/font-files/InterDisplay-SemiBold.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-SemiBold.woff b/assets/font-files/InterDisplay-SemiBold.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-SemiBold.woff2 b/assets/font-files/InterDisplay-SemiBold.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-SemiBoldItalic.otf b/assets/font-files/InterDisplay-SemiBoldItalic.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-SemiBoldItalic.woff b/assets/font-files/InterDisplay-SemiBoldItalic.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-SemiBoldItalic.woff2 b/assets/font-files/InterDisplay-SemiBoldItalic.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-Thin.otf b/assets/font-files/InterDisplay-Thin.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-Thin.woff b/assets/font-files/InterDisplay-Thin.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-Thin.woff2 b/assets/font-files/InterDisplay-Thin.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-ThinItalic.otf b/assets/font-files/InterDisplay-ThinItalic.otf Binary files differ. diff --git a/assets/font-files/InterDisplay-ThinItalic.woff b/assets/font-files/InterDisplay-ThinItalic.woff Binary files differ. diff --git a/assets/font-files/InterDisplay-ThinItalic.woff2 b/assets/font-files/InterDisplay-ThinItalic.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-italic.var.ttf b/assets/font-files/InterDisplay-italic.var.ttf Binary files differ. diff --git a/assets/font-files/InterDisplay-italic.var.woff2 b/assets/font-files/InterDisplay-italic.var.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay-roman.var.ttf b/assets/font-files/InterDisplay-roman.var.ttf Binary files differ. diff --git a/assets/font-files/InterDisplay-roman.var.woff2 b/assets/font-files/InterDisplay-roman.var.woff2 Binary files differ. diff --git a/assets/font-files/InterDisplay.var.ttf b/assets/font-files/InterDisplay.var.ttf Binary files differ. diff --git a/assets/font-files/InterDisplay.var.woff2 b/assets/font-files/InterDisplay.var.woff2 Binary files differ. diff --git a/public/images/icons/edit.svg b/assets/icons/edit.svg diff --git a/index.html b/index.html @@ -1,17 +1,22 @@ <!DOCTYPE html> <html lang="en"> - <head> - <meta charset="utf-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1" /> - <meta - name="description" - content="A Matrix Client" - /> - <title>Matrix</title> - </head> - <body> - <noscript>You need to enable JavaScript to run this app.</noscript> - <div id="root"></div> - <script type="module" src="/src/main.tsx"></script> - </body> -</html> + +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <link rel="preload" href="/font-files/OpenMoji-color-colr1_svg.woff2" as="font" type="font/woff2" + crossOrigin="anonymous"> + <link rel="preload" href="/font-files/Inter.var.woff2" as="font" type="font/woff2" crossOrigin="anonymous"> + <link rel="preload" href="/font-files/Inter-roman.var.woff2" as="font" type="font/woff2" crossOrigin="anonymous"> + <link rel="preload" href="/font-files/Inter-italic.var.woff2" as="font" type="font/woff2" crossOrigin="anonymous"> + <meta name="description" content="A Matrix Client" /> + <title>Matrix</title> +</head> + +<body> + <noscript>You need to enable JavaScript to run this app.</noscript> + <div id="root"></div> + <script type="module" src="/src/main.tsx"></script> +</body> + +</html> +\ No newline at end of file diff --git a/assets/font-files/Inter-italic.var.woff2 b/public/font-files/Inter-italic.var.woff2 Binary files differ. diff --git a/assets/font-files/Inter-roman.var.woff2 b/public/font-files/Inter-roman.var.woff2 Binary files differ. diff --git a/assets/font-files/Inter.var.woff2 b/public/font-files/Inter.var.woff2 Binary files differ. diff --git a/public/font-files/OpenMoji-color-colr1_svg.woff2 b/public/font-files/OpenMoji-color-colr1_svg.woff2 Binary files differ. diff --git a/src/components/events/messageEvent.tsx b/src/components/events/messageEvent.tsx @@ -131,7 +131,7 @@ const MessageEvent: FC<MessageEventProps> = memo(({ event, room, hasPreviousEven src={url} alt={event.content.body} title={event.content.body} - className="rounded-md object-cover border-slate-400 border-2 max-h-[23.333rem] max-w-[23.333rem] h-[unset]" + className="rounded-md object-cover border-slate-400 border-2 max-h-[50rem] max-w-[50rem] h-[unset]" /> </div> </div> @@ -193,7 +193,7 @@ const MessageEvent: FC<MessageEventProps> = memo(({ event, room, hasPreviousEven />} <div className={!hasPreviousEvent ? "flex flex-col gap-1" : "ml-[3.7rem]"}> {!hasPreviousEvent && <h2 className="text-sm font-medium text-red-500 whitespace-pre-wrap">{room?.getMemberName(event.sender) || event.sender}</h2>} - <Linkify options={linkifyOptions} as='p' className="whitespace-pre-wrap text-black text-base font-normal">{event.content.body}</Linkify> + <Linkify options={linkifyOptions} as='p' className="text-black text-base font-normal">{event.content.body}</Linkify> </div> </div> ) @@ -296,7 +296,7 @@ const TextMessage: FC<TextMessage> = memo(({ event, room, hasPreviousEvent, mess <div className={!hasPreviousEvent ? "flex flex-col gap-1" : "ml-[3.7rem]"}> {!hasPreviousEvent && <h2 className="text-sm font-medium text-red-500 whitespace-pre-wrap">{room?.getMemberName(event.sender) || event.sender}</h2>} {/* TODO: Fixme */} - <p className={`whitespace-pre-wrap ${text_color} text-base font-normal`} dangerouslySetInnerHTML={{ __html: linkified }}></p> + <p className={`${text_color} text-base font-normal`} dangerouslySetInnerHTML={{ __html: linkified }}></p> </div> </div> ) @@ -311,7 +311,7 @@ const TextMessage: FC<TextMessage> = memo(({ event, room, hasPreviousEvent, mess />} <div className={!hasPreviousEvent ? "flex flex-col gap-1" : "ml-[3.7rem]"}> {!hasPreviousEvent && <h2 className="text-sm font-medium text-red-500 whitespace-pre-wrap">{room?.getMemberName(event.sender) || event.sender}</h2>} - <Linkify options={linkifyOptions} as='p' className={`whitespace-pre-wrap ${text_color} text-base font-normal`}>{event.content.body}</Linkify> + <Linkify options={linkifyOptions} as='p' className={`${text_color} text-base font-normal`}>{event.content.body}</Linkify> </div> </div> ) diff --git a/src/components/input/chat/input.scss b/src/components/input/chat/input.scss @@ -187,7 +187,7 @@ } .link-editor div.link-edit { - background-image: url(images/icons/edit.svg); + background-image: url(../../../../assets/icons/edit.svg); background-size: 16px; background-position: center; background-repeat: no-repeat; diff --git a/src/index.scss b/src/index.scss @@ -1,13 +1,13 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + body, html { margin: 0; height: 100%; } -:root { - font-size: 15px; -} - a { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)) !important; @@ -47,6 +47,22 @@ blockquote { @apply border-l-4 border-gray-300 p-4 py-0 bg-slate-100 rounded-md; } +// @font-face { +// font-family: "OpenMojiColor"; +// src: url("../assets/font-files/OpenMoji-Color.ttf") format("truetype"); +// font-style: Color; +// font-variant-emoji: unicode; +// //unicode-range: U+23, U+2A, U+30-39, U+A9, U+AE, U+200D, U+203C, U+2049, U+20E3, U+2117, U+2120, U+2122, U+2139, U+2194-2199, U+21A9, U+21AA, U+229C, U+231A, U+231B, U+2328, U+23CF, U+23E9-23F3, U+23F8-23FE, U+24C2, U+25A1, U+25AA-25AE, U+25B6, U+25C0, U+25C9, U+25D0, U+25D1, U+25E7-25EA, U+25ED, U+25EE, U+25FB-25FE, U+2600-2605, U+260E, U+2611, U+2614, U+2615, U+2618, U+261D, U+2620, U+2622, U+2623, U+2626, U+262A, U+262E, U+262F, U+2638-263A, U+2640, U+2642, U+2648-2653, U+265F, U+2660, U+2663, U+2665, U+2666, U+2668, U+267B, U+267E, U+267F, U+2691-2697, U+2699, U+269B, U+269C, U+26A0, U+26A1, U+26A7, U+26AA, U+26AB, U+26B0, U+26B1, U+26BD, U+26BE, U+26C4, U+26C5, U+26C8, U+26CE, U+26CF, U+26D1, U+26D3, U+26D4, U+26E9, U+26EA, U+26F0-26F5, U+26F7-26FA, U+26FD, U+2702, U+2705, U+2708-270D, U+270F, U+2712, U+2714, U+2716, U+271D, U+2721, U+2728, U+2733, U+2734, U+2744, U+2747, U+274C, U+274E, U+2753-2755, U+2757, U+2763, U+2764, U+2795-2797, U+27A1, U+27B0, U+27BF, U+2934, U+2935, U+2B05-2B07, U+2B0C, U+2B0D, U+2B1B, U+2B1C, U+2B1F-2B24, U+2B2E, U+2B2F, U+2B50, U+2B55, U+2B58, U+2B8F, U+2BBA-2BBC, U+2BC3, U+2BC4, U+2BEA, U+2BEB, U+3030, U+303D, U+3297, U+3299, U+E000-E009, U+E010, U+E011, U+E040-E04B, U+E050-E05D, U+E080-E0B4, U+E0C0-E0CA, U+E0FF-E10D, U+E140-E144, U+E146-E149, U+E150-E157, U+E181-E188, U+E1C0-E1C4, U+E1C6-E1D9, U+E200-E216, U+E240-E269, U+E280-E283, U+E2C0-E2C4, U+E2C6-E2DA, U+E300-E303, U+E305-E30F, U+E312-E316, U+E318-E322, U+E324-E329, U+E32B, U+E340-E348, U+E380, U+E381, U+F000, U+F8FF, U+FE0F, U+1F004, U+1F0CF, U+1F10D-1F10F, U+1F12F, U+1F16D-1F171, U+1F17E, U+1F17F, U+1F18E, U+1F191-1F19A, U+1F1E6-1F1FF, U+1F201, U+1F202, U+1F21A, U+1F22F, U+1F232-1F23A, U+1F250, U+1F251, U+1F300-1F321, U+1F324-1F393, U+1F396, U+1F397, U+1F399-1F39B, U+1F39E-1F3F0, U+1F3F3-1F3F5, U+1F3F7-1F4FD, U+1F4FF-1F53D, U+1F549-1F54E, U+1F550-1F567, U+1F56F, U+1F570, U+1F573-1F57A, U+1F587, U+1F58A-1F58D, U+1F590, U+1F595, U+1F596, U+1F5A4, U+1F5A5, U+1F5A8, U+1F5B1, U+1F5B2, U+1F5BC, U+1F5C2-1F5C4, U+1F5D1-1F5D3, U+1F5DC-1F5DE, U+1F5E1, U+1F5E3, U+1F5E8, U+1F5EF, U+1F5F3, U+1F5FA-1F64F, U+1F680-1F6C5, U+1F6CB-1F6D2, U+1F6D5-1F6D7, U+1F6DD-1F6E5, U+1F6E9, U+1F6EB, U+1F6EC, U+1F6F0, U+1F6F3-1F6FC, U+1F7E0-1F7EB, U+1F7F0, U+1F90C-1F93A, U+1F93C-1F945, U+1F947-1F9FF, U+1FA70-1FA74, U+1FA78-1FA7C, U+1FA80-1FA86, U+1FA90-1FAAC, U+1FAB0-1FABA, U+1FAC0-1FAC5, U+1FAD0-1FAD9, U+1FAE0-1FAE7, U+1FAF0-1FAF6, U+1FBC5-1FBC9, U+E0061-E0067, U+E006C, U+E006E, U+E0070-E0079, U+E007F; +// } + +// @font-face { +// font-family: "OpenMojiBlack"; +// src: url("../assets/font-files/OpenMoji-Black.ttf") format("truetype"); +// font-style: Black; +// font-variant-emoji: unicode; +// //unicode-range: U+23, U+2A, U+30-39, U+A9, U+AE, U+200D, U+203C, U+2049, U+20E3, U+2117, U+2120, U+2122, U+2139, U+2194-2199, U+21A9, U+21AA, U+229C, U+231A, U+231B, U+2328, U+23CF, U+23E9-23F3, U+23F8-23FE, U+24C2, U+25A1, U+25AA-25AE, U+25B6, U+25C0, U+25C9, U+25D0, U+25D1, U+25E7-25EA, U+25ED, U+25EE, U+25FB-25FE, U+2600-2605, U+260E, U+2611, U+2614, U+2615, U+2618, U+261D, U+2620, U+2622, U+2623, U+2626, U+262A, U+262E, U+262F, U+2638-263A, U+2640, U+2642, U+2648-2653, U+265F, U+2660, U+2663, U+2665, U+2666, U+2668, U+267B, U+267E, U+267F, U+2691-2697, U+2699, U+269B, U+269C, U+26A0, U+26A1, U+26A7, U+26AA, U+26AB, U+26B0, U+26B1, U+26BD, U+26BE, U+26C4, U+26C5, U+26C8, U+26CE, U+26CF, U+26D1, U+26D3, U+26D4, U+26E9, U+26EA, U+26F0-26F5, U+26F7-26FA, U+26FD, U+2702, U+2705, U+2708-270D, U+270F, U+2712, U+2714, U+2716, U+271D, U+2721, U+2728, U+2733, U+2734, U+2744, U+2747, U+274C, U+274E, U+2753-2755, U+2757, U+2763, U+2764, U+2795-2797, U+27A1, U+27B0, U+27BF, U+2934, U+2935, U+2B05-2B07, U+2B0C, U+2B0D, U+2B1B, U+2B1C, U+2B1F-2B24, U+2B2E, U+2B2F, U+2B50, U+2B55, U+2B58, U+2B8F, U+2BBA-2BBC, U+2BC3, U+2BC4, U+2BEA, U+2BEB, U+3030, U+303D, U+3297, U+3299, U+E000-E009, U+E010, U+E011, U+E040-E04B, U+E050-E05D, U+E080-E0B4, U+E0C0-E0CA, U+E0FF-E10D, U+E140-E144, U+E146-E149, U+E150-E157, U+E181-E188, U+E1C0-E1C4, U+E1C6-E1D9, U+E200-E216, U+E240-E269, U+E280-E283, U+E2C0-E2C4, U+E2C6-E2DA, U+E300-E303, U+E305-E30F, U+E312-E316, U+E318-E322, U+E324-E329, U+E32B, U+E340-E348, U+E380, U+E381, U+F000, U+F8FF, U+FE0F, U+1F004, U+1F0CF, U+1F10D-1F10F, U+1F12F, U+1F16D-1F171, U+1F17E, U+1F17F, U+1F18E, U+1F191-1F19A, U+1F1E6-1F1FF, U+1F201, U+1F202, U+1F21A, U+1F22F, U+1F232-1F23A, U+1F250, U+1F251, U+1F300-1F321, U+1F324-1F393, U+1F396, U+1F397, U+1F399-1F39B, U+1F39E-1F3F0, U+1F3F3-1F3F5, U+1F3F7-1F4FD, U+1F4FF-1F53D, U+1F549-1F54E, U+1F550-1F567, U+1F56F, U+1F570, U+1F573-1F57A, U+1F587, U+1F58A-1F58D, U+1F590, U+1F595, U+1F596, U+1F5A4, U+1F5A5, U+1F5A8, U+1F5B1, U+1F5B2, U+1F5BC, U+1F5C2-1F5C4, U+1F5D1-1F5D3, U+1F5DC-1F5DE, U+1F5E1, U+1F5E3, U+1F5E8, U+1F5EF, U+1F5F3, U+1F5FA-1F64F, U+1F680-1F6C5, U+1F6CB-1F6D2, U+1F6D5-1F6D7, U+1F6DD-1F6E5, U+1F6E9, U+1F6EB, U+1F6EC, U+1F6F0, U+1F6F3-1F6FC, U+1F7E0-1F7EB, U+1F7F0, U+1F90C-1F93A, U+1F93C-1F945, U+1F947-1F9FF, U+1FA70-1FA74, U+1FA78-1FA7C, U+1FA80-1FA86, U+1FA90-1FAAC, U+1FAB0-1FABA, U+1FAC0-1FAC5, U+1FAD0-1FAD9, U+1FAE0-1FAE7, U+1FAF0-1FAF6, U+1FBC5-1FBC9, U+E0061-E0067, U+E006C, U+E006E, U+E0070-E0079, U+E007F; +// } + /* Font families defined by this CSS: @@ -62,170 +78,170 @@ Use like this in your CSS: } ------------------------- static ------------------------- */ -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 100; - font-display: swap; - src: url("../assets/font-files/Inter-Thin.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 100; - font-display: swap; - src: url("../assets/font-files/Inter-ThinItalic.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 200; - font-display: swap; - src: url("../assets/font-files/Inter-ExtraLight.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 200; - font-display: swap; - src: url("../assets/font-files/Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 300; - font-display: swap; - src: url("../assets/font-files/Inter-Light.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 300; - font-display: swap; - src: url("../assets/font-files/Inter-LightItalic.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url("../assets/font-files/Inter-Regular.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 400; - font-display: swap; - src: url("../assets/font-files/Inter-Italic.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 500; - font-display: swap; - src: url("../assets/font-files/Inter-Medium.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 500; - font-display: swap; - src: url("../assets/font-files/Inter-MediumItalic.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 600; - font-display: swap; - src: url("../assets/font-files/Inter-SemiBold.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 600; - font-display: swap; - src: url("../assets/font-files/Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 700; - font-display: swap; - src: url("../assets/font-files/Inter-Bold.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 700; - font-display: swap; - src: url("../assets/font-files/Inter-BoldItalic.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 800; - font-display: swap; - src: url("../assets/font-files/Inter-ExtraBold.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 800; - font-display: swap; - src: url("../assets/font-files/Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 900; - font-display: swap; - src: url("../assets/font-files/Inter-Black.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 900; - font-display: swap; - src: url("../assets/font-files/Inter-BlackItalic.woff2?v=3.19") format("woff2"); -} +// @font-face { +// font-family: 'Inter'; +// font-style: normal; +// font-weight: 100; +// font-display: swap; +// src: url("../assets/font-files/Inter-Thin.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter'; +// font-style: italic; +// font-weight: 100; +// font-display: swap; +// src: url("../assets/font-files/Inter-ThinItalic.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter'; +// font-style: normal; +// font-weight: 200; +// font-display: swap; +// src: url("../assets/font-files/Inter-ExtraLight.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter'; +// font-style: italic; +// font-weight: 200; +// font-display: swap; +// src: url("../assets/font-files/Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter'; +// font-style: normal; +// font-weight: 300; +// font-display: swap; +// src: url("../assets/font-files/Inter-Light.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter'; +// font-style: italic; +// font-weight: 300; +// font-display: swap; +// src: url("../assets/font-files/Inter-LightItalic.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter'; +// font-style: normal; +// font-weight: 400; +// font-display: swap; +// src: url("../assets/font-files/Inter-Regular.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter'; +// font-style: italic; +// font-weight: 400; +// font-display: swap; +// src: url("../assets/font-files/Inter-Italic.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter'; +// font-style: normal; +// font-weight: 500; +// font-display: swap; +// src: url("../assets/font-files/Inter-Medium.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter'; +// font-style: italic; +// font-weight: 500; +// font-display: swap; +// src: url("../assets/font-files/Inter-MediumItalic.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter'; +// font-style: normal; +// font-weight: 600; +// font-display: swap; +// src: url("../assets/font-files/Inter-SemiBold.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter'; +// font-style: italic; +// font-weight: 600; +// font-display: swap; +// src: url("../assets/font-files/Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter'; +// font-style: normal; +// font-weight: 700; +// font-display: swap; +// src: url("../assets/font-files/Inter-Bold.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter'; +// font-style: italic; +// font-weight: 700; +// font-display: swap; +// src: url("../assets/font-files/Inter-BoldItalic.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter'; +// font-style: normal; +// font-weight: 800; +// font-display: swap; +// src: url("../assets/font-files/Inter-ExtraBold.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter'; +// font-style: italic; +// font-weight: 800; +// font-display: swap; +// src: url("../assets/font-files/Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter'; +// font-style: normal; +// font-weight: 900; +// font-display: swap; +// src: url("../assets/font-files/Inter-Black.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter'; +// font-style: italic; +// font-weight: 900; +// font-display: swap; +// src: url("../assets/font-files/Inter-BlackItalic.woff2?v=3.19") format("woff2"); +// } /* ----------------------- variable ----------------------- */ -@font-face { - font-family: 'Inter var'; - font-style: normal; - font-weight: 100 900; - font-display: swap; - src: url('../assets/font-files/Inter-roman.var.woff2?v=3.19') format('woff2'); - font-named-instance: 'Regular'; -} - -@font-face { - font-family: 'Inter var'; - font-style: italic; - font-weight: 100 900; - font-display: swap; - src: url('../assets/font-files/Inter-italic.var.woff2?v=3.19') format('woff2'); - font-named-instance: 'Italic'; -} +// @font-face { +// font-family: 'Inter var'; +// font-style: normal; +// font-weight: 100 900; +// font-display: swap; +// src: url('../assets/font-files/Inter-roman.var.woff2?v=3.19') format('woff2'); +// font-named-instance: 'Regular'; +// } + +// @font-face { +// font-family: 'Inter var'; +// font-style: italic; +// font-weight: 100 900; +// font-display: swap; +// src: url('../assets/font-files/Inter-italic.var.woff2?v=3.19') format('woff2'); +// font-named-instance: 'Italic'; +// } /* ----------- experimental multi-axis variable ----------- @@ -236,29 +252,29 @@ When using this, you will likely need to set font-variation-settings explicitly, .italic { font-variation-settings: "slnt" 10deg } */ -@font-face { - font-family: 'Inter var experimental'; - font-style: oblique 0deg 10deg; - font-weight: 100 900; - font-display: swap; - src: url('../assets/font-files/Inter.var.woff2?v=3.19') format('woff2'); -} - -/* Legacy name (became legacy on Feb 2, 2019) */ -@font-face { - font-family: 'Inter var alt'; - font-weight: 100 900; - font-style: normal; - font-named-instance: 'Regular'; - font-display: swap; - src: url("../assets/font-files/Inter-roman.var.woff2?v=3.19") format("woff2"); -} - -@font-face { - font-family: 'Inter var alt'; - font-weight: 100 900; - font-style: italic; - font-named-instance: 'Italic'; - font-display: swap; - src: url("../assets/font-files/Inter-italic.var.woff2?v=3.19") format("woff2"); -} -\ No newline at end of file +// @font-face { +// font-family: 'Inter var experimental'; +// font-style: oblique 0deg 10deg; +// font-weight: 100 900; +// font-display: swap; +// src: url('../assets/font-files/Inter.var.woff2?v=3.19') format('woff2'); +// } + +// /* Legacy name (became legacy on Feb 2, 2019) */ +// @font-face { +// font-family: 'Inter var alt'; +// font-weight: 100 900; +// font-style: normal; +// font-named-instance: 'Regular'; +// font-display: swap; +// src: url("../assets/font-files/Inter-roman.var.woff2?v=3.19") format("woff2"); +// } + +// @font-face { +// font-family: 'Inter var alt'; +// font-weight: 100 900; +// font-style: italic; +// font-named-instance: 'Italic'; +// font-display: swap; +// src: url("../assets/font-files/Inter-italic.var.woff2?v=3.19") format("woff2"); +// } +\ No newline at end of file diff --git a/src/pages/LoginPage.scss b/src/pages/LoginPage.scss @@ -1,7 +1,3 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; - .bg-img { background: url("/bg1.jpg"); background-position: 50% 0; diff --git a/src/pages/MainPage.scss b/src/pages/MainPage.scss @@ -1,3 +0,0 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; -\ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js @@ -1,5 +1,7 @@ /** @type {import('tailwindcss').Config} */ -const defaultTheme = require('tailwindcss/defaultTheme') +const defaultTheme = require('tailwindcss/defaultTheme'); +const plugin = require('tailwindcss/plugin'); + export default { content: [ "./index.html", @@ -9,7 +11,8 @@ export default { theme: { extend: { fontFamily: { - sans: ['Inter var', ...defaultTheme.fontFamily.sans], + sans: ['OpenMojiColor', 'Inter var experimental', 'Inter var', ...defaultTheme.fontFamily.sans], + mono: [...defaultTheme.fontFamily.mono, 'OpenMojiColor'] }, }, fontSize: { @@ -24,6 +27,52 @@ export default { } }, plugins: [ + plugin(function ({ addBase }) { + addBase({ + 'html': { fontSize: "15px" }, + ':root': { fontSize: "15px" } + }) + addBase({ + '@font-face': { + fontFamily: 'OpenMojiColor', + src: 'url("/font-files/OpenMoji-color-colr1_svg.woff2") format("woff2")', + fontStyle: 'Color', + fontVariantEmoji: 'unicode', + sizeAdjust: '120%', + fontDisplay: 'swap', + unicodeRange: 'U+23, U+2A, U+30, U+32-39, U+A9, U+AE, U+200D, U+203C, U+2049, U+20E3, U+2117, U+2120, U+2122, U+2139, U+2194-2199, U+21A9, U+21AA, U+229C, U+231A, U+231B, U+2328, U+23CF, U+23E9-23F3, U+23F8-23FE, U+24C2, U+25A1, U+25AA-25AE, U+25B6, U+25C0, U+25C9, U+25D0, U+25D1, U+25E7-25EA, U+25ED, U+25EE, U+25FB-25FE, U+2600-2605, U+260E, U+2611, U+2614, U+2615, U+2618, U+261D, U+2620, U+2622, U+2623, U+2626, U+262A, U+262E, U+262F, U+2638-263A, U+2640, U+2642, U+2648-2653, U+265F, U+2660, U+2663, U+2665, U+2666, U+2668, U+267B, U+267E, U+267F, U+2691-2697, U+2699, U+269B, U+269C, U+26A0, U+26A1, U+26A7, U+26AA, U+26AB, U+26B0, U+26B1, U+26BD, U+26BE, U+26C4, U+26C5, U+26C8, U+26CE, U+26CF, U+26D1, U+26D3, U+26D4, U+26E9, U+26EA, U+26F0-26F5, U+26F7-26FA, U+26FD, U+2702, U+2705, U+2708-270D, U+270F, U+2712, U+2714, U+2716, U+271D, U+2721, U+2728, U+2733, U+2734, U+2744, U+2747, U+274C, U+274E, U+2753-2755, U+2757, U+2763, U+2764, U+2795-2797, U+27A1, U+27B0, U+27BF, U+2934, U+2935, U+2B05-2B07, U+2B0C, U+2B0D, U+2B1B, U+2B1C, U+2B1F-2B24, U+2B2E, U+2B2F, U+2B50, U+2B55, U+2B58, U+2B8F, U+2BBA-2BBC, U+2BC3, U+2BC4, U+2BEA, U+2BEB, U+3030, U+303D, U+3297, U+3299, U+E000-E009, U+E010, U+E011, U+E040-E04B, U+E050-E05D, U+E080-E0B4, U+E0C0-E0CA, U+E0FF-E10D, U+E140-E144, U+E146-E149, U+E150-E157, U+E181-E188, U+E1C0-E1C4, U+E1C6-E1D9, U+E200-E216, U+E240-E269, U+E280-E283, U+E2C0-E2C4, U+E2C6-E2DA, U+E300-E303, U+E305-E30F, U+E312-E316, U+E318-E322, U+E324-E329, U+E32B, U+E340-E348, U+E380, U+E381, U+F000, U+F8FF, U+FE0F, U+1F004, U+1F0CF, U+1F10D-1F10F, U+1F12F, U+1F16D-1F171, U+1F17E, U+1F17F, U+1F18E, U+1F191-1F19A, U+1F1E6-1F1FF, U+1F201, U+1F202, U+1F21A, U+1F22F, U+1F232-1F23A, U+1F250, U+1F251, U+1F300-1F321, U+1F324-1F393, U+1F396, U+1F397, U+1F399-1F39B, U+1F39E-1F3F0, U+1F3F3-1F3F5, U+1F3F7-1F4FD, U+1F4FF-1F53D, U+1F549-1F54E, U+1F550-1F567, U+1F56F, U+1F570, U+1F573-1F57A, U+1F587, U+1F58A-1F58D, U+1F590, U+1F595, U+1F596, U+1F5A4, U+1F5A5, U+1F5A8, U+1F5B1, U+1F5B2, U+1F5BC, U+1F5C2-1F5C4, U+1F5D1-1F5D3, U+1F5DC-1F5DE, U+1F5E1, U+1F5E3, U+1F5E8, U+1F5EF, U+1F5F3, U+1F5FA-1F64F, U+1F680-1F6C5, U+1F6CB-1F6D2, U+1F6D5-1F6D7, U+1F6DD-1F6E5, U+1F6E9, U+1F6EB, U+1F6EC, U+1F6F0, U+1F6F3-1F6FC, U+1F7E0-1F7EB, U+1F7F0, U+1F90C-1F93A, U+1F93C-1F945, U+1F947-1F9FF, U+1FA70-1FA74, U+1FA78-1FA7C, U+1FA80-1FA86, U+1FA90-1FAAC, U+1FAB0-1FABA, U+1FAC0-1FAC5, U+1FAD0-1FAD9, U+1FAE0-1FAE7, U+1FAF0-1FAF6, U+1FBC5-1FBC9, U+E0061-E0067, U+E006C, U+E006E, U+E0070-E0079, U+E007F' + } + }) + addBase({ + '@font-face': { + fontFamily: 'Inter var experimental', + src: 'url("/font-files/Inter.var.woff2?v=3.19") format("woff2")', + fontStyle: 'oblique 0deg 10deg', + fontWeight: '100 900', + fontDisplay: 'swap', + } + }) + addBase({ + '@font-face': { + fontFamily: 'Inter var', + src: 'url("/font-files/Inter-roman.var.woff2?v=3.19") format("woff2")', + fontStyle: 'normal', + fontWeight: '100 900', + fontDisplay: 'swap', + fontNamedInstance: 'Regular', + } + }) + addBase({ + '@font-face': { + fontFamily: 'Inter var', + src: 'url("/font-files/Inter-italic.var.woff2?v=3.19") format("woff2")', + fontStyle: 'italic', + fontWeight: '100 900', + fontDisplay: 'swap', + fontNamedInstance: 'Italic', + } + }) + }), require('@tailwindcss/forms'), ], }
