oliverdavies.uk/source/_daily_emails/2023-01-22.md

19 lines
1.2 KiB
Markdown
Raw Permalink Normal View History

2024-01-03 20:00:00 +00:00
---
title: >
2024-09-08 22:09:54 +00:00
Building Bootstrap CSS examples with Tailwind
2024-01-03 20:00:00 +00:00
pubDate: 2023-01-22
permalink: >-
daily/2023/01/22/building-bootstrap-css-examples-with-tailwind
2024-01-03 20:00:00 +00:00
tags:
2024-09-08 22:09:54 +00:00
- css
- tailwind-css
2024-01-03 20:00:00 +00:00
---
Previously when I gave my [Taking Flight with Tailwind CSS]({{site.url}}/presentations/taking-flight-with-tailwind-css) talk, I created examples that relate to the event such as something related to that technology or event.
2024-01-03 20:00:00 +00:00
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.