fontaine icon indicating copy to clipboard operation
fontaine copied to clipboard

add framework examples

Open danielroe opened this issue 3 years ago • 5 comments

It would be good to add some sandboxes or example configurations so it's easy for people to get up-and-running with (at least):

  • [ ] Angular
  • [ ] Laravel
  • [x] Vite
  • [x] Next.js

danielroe avatar Oct 01 '22 13:10 danielroe

Here's my example using Astro

Did I do it right? 😅

johneatmon avatar Feb 23 '23 15:02 johneatmon

@johneatmon That looks perfect! Only issue seems to be that font-sans is not used anywhere in the demo, but I think the point is that you've set it up to work when it is used. Would you like to create a PR to add to README?

danielroe avatar Mar 02 '23 12:03 danielroe

Yeah, @danielroe that's probably something I should add just to make it a little more clear. In Tailwind CSS, sans is automatically applied in the baked-in reset, so it's "implied." I'll make a plain CSS version for Astro as well. 🙂

Would you like both examples on the same PR?

johneatmon avatar Mar 02 '23 18:03 johneatmon

Here's a non-Tailwind example of Astro with Fontaine. Also, I updated the Tailwind example with the font-sans class applied to the body, to make the example more explicit.

johneatmon avatar Mar 03 '23 18:03 johneatmon

added config example here: https://github.com/danielroe/fontaine/commit/fb0c62beb75b2a2bbc70f632a59acaac69227b82. The Stackblitzes are great - and might work quite well when/if we give fontaine a web site of its own.

danielroe avatar Mar 05 '23 15:03 danielroe