From 13f58c0dfa776d66e87fda00e37635db6cd4c60a Mon Sep 17 00:00:00 2001 From: Oliver Davies Date: Sun, 29 Jan 2023 00:10:24 +0000 Subject: [PATCH] daily-email: add 2023-01-22 --- website/src/daily-emails/2023-01-22.md | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 website/src/daily-emails/2023-01-22.md diff --git a/website/src/daily-emails/2023-01-22.md b/website/src/daily-emails/2023-01-22.md new file mode 100644 index 00000000..5c8994f6 --- /dev/null +++ b/website/src/daily-emails/2023-01-22.md @@ -0,0 +1,18 @@ +--- +title: > + Building Bootstrap CSS examples with Tailwind +pubDate: 2023-01-22 +permalink: > + archive/2023/01/22/building-bootstrap-css-examples-with-tailwind +tags: + - css + - tailwind-css +--- + +Previously when I gave my [Taking Flight with Tailwind CSS](https://www.oliverdavies.uk/talks/taking-flight-with-tailwind-css) talk, I created examples that relate to the event such as something related to that technology or event. + +The nor(DEV):con website already uses Tailwind CSS so I've been looking for other examples and have started to build some of the [Bootstrap CSS components](https://getbootstrap.com/docs/4.0/examples) with Tailwind CSS. + +I've created the [Album](http://bootstrap-with-tailwind.s3-website.eu-west-2.amazonaws.com/album) and [Pricing](http://bootstrap-with-tailwind.s3-website.eu-west-2.amazonaws.com/pricing) components so far but will likely do more before the conference as I think they're good examples. + +[The source code](https://github.com/opdavies/bootstrap-with-tailwind) is on my GitHub profile, uses Astro and its Tailwind CSS integration, the default Tailwind configuration with some slight colour and font tweaks, the official Typography plugin and a small custom plugin that adds a "hocus" variant for both hover and focus styles.