jblu/jonbio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: upgrade to tailwind 3.0

Browse Source
This commit is contained in:
Timothy Lin
2021-12-15 18:05:37 +08:00
parent 004ac216bb
commit 791d3b1e38
6 changed files with 47 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
data/blog/new-features-in-v1.mdx
View File

@@ -1,7 +1,7 @@
---
title: 'New features in v1'
date: 2021-08-07T15:32:14Z
lastmod: '2021-11-14'
lastmod: '2021-12-15'
tags: ['next-js', 'tailwind', 'guide']
draft: false
summary: 'An overview of the new features released in v1 - code block copy, multiple authors, frontmatter layout and more'
@@ -27,7 +27,7 @@ You can easily modify the theme color by changing the primary attribute in the t
theme: {
colors: {
primary: colors.teal,
gray: colors.trueGray,
gray: colors.neutral,
...
}
...
@@ -38,7 +38,7 @@ The primary color attribute should be assigned an object with keys from 50, 100,
Tailwind includes great default color palettes that can be used for theming your own website. Check out [customizing colors documentation page](https://tailwindcss.com/docs/customizing-colors) for the full range of options.
Migrating from v1? You can revert to the previous theme by setting `primary` to `colors.sky` (Tailwind 2.2.2 and above, otherwise `colors.lightBlue`) and changing gray to `colors.coolGray`.
Migrating from v1? You can revert to the previous theme by setting `primary` to `colors.sky` (Tailwind 2.2.2 and above, otherwise `colors.lightBlue`) and changing gray to `colors.gray`.
From v1.1.2+, you can also customize the style of your code blocks easily by modifying the `css/prism.css` stylesheet. Token classnames are compatible with prismjs
so you can copy and adapt token styles from a prismjs stylesheet e.g. [prism themes](https://github.com/PrismJS/prism-themes).