Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add support for Tailwind v3 #63

Merged
merged 33 commits into from
Dec 10, 2021
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
33 commits
Select commit Hold shift + click to select a range
d950a8d
add support for aspect-ratio and shadow-color
dcastil Dec 10, 2021
fec2b18
add support for columns and isTshirtSize validator
dcastil Dec 10, 2021
6c78c4c
add tsts for isTshirtSize validator
dcastil Dec 10, 2021
96b8b3a
add isTshirtSize to documentation
dcastil Dec 10, 2021
5baf408
remove outcommented code in default config
dcastil Dec 10, 2021
739f4d7
add support for break-after, break-before and break-inside utilities
dcastil Dec 10, 2021
0177290
add support for text-indent utility
dcastil Dec 10, 2021
a0999e0
add support for text-decoration utilities
dcastil Dec 10, 2021
55ab167
breaking: add support for outline utilities
dcastil Dec 10, 2021
8c07248
update Tailwind version support text in documentation
dcastil Dec 10, 2021
1269ce6
breaking: add support for new vertical-align utilities
dcastil Dec 10, 2021
1437de6
add support for accent-color utilities
dcastil Dec 10, 2021
ebe96d3
remove early development section from documentation
dcastil Dec 10, 2021
24ff3ed
add support for scroll-snap utilities
dcastil Dec 10, 2021
10bd1c2
add support for scroll-behavior utilities
dcastil Dec 10, 2021
1bb2177
add support for touch-action utilities
dcastil Dec 10, 2021
8d39da8
add support for flex-basis utilities
dcastil Dec 10, 2021
e6d8912
breaking: use grow and shrink instead of flex-grow and flex-shrink ut…
dcastil Dec 10, 2021
7ba7334
add support for new border-width and border-color utilities
dcastil Dec 10, 2021
03b71bf
add border-hidden utility
dcastil Dec 10, 2021
65b03e4
breaking: rename some text-overflow classes
dcastil Dec 10, 2021
f3f6605
add overflow-clip utilities
dcastil Dec 10, 2021
61325c3
add full color palette to fill and stroke utilities
dcastil Dec 10, 2021
cf93ba2
add min/max/fit-content values to min/max-width/height utilities
dcastil Dec 10, 2021
c9289c2
add support for will-change utilities
dcastil Dec 10, 2021
2837e54
add support for all cursor values
dcastil Dec 10, 2021
f8acd7c
add custom value support for font-weight, bg-position, bg-size and bg…
dcastil Dec 10, 2021
bfe2cc9
breaking: rename box decoration utiltities
dcastil Dec 10, 2021
014a011
add arbitrary value support for vertical-align
dcastil Dec 10, 2021
adc3c02
breaking: rename custom values to arbitrary values everywhere
dcastil Dec 10, 2021
607f78f
add support for arbitrary properties
dcastil Dec 10, 2021
803889d
add documentation about arbitrary property support
dcastil Dec 10, 2021
1f799bc
adjust Tailwind support message in documentation
dcastil Dec 10, 2021
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
add support for text-decoration utilities
  • Loading branch information
dcastil committed Dec 10, 2021
commit a0999e01c52570558212835e4653fe51d608d2cb
21 changes: 18 additions & 3 deletions src/default-config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ export function getDefaultConfig() {
'right-top',
'top',
] as const
const getBorderStyles = () => ['solid', 'dashed', 'dotted', 'double', 'none'] as const
const getLineStyles = () => ['solid', 'dashed', 'dotted', 'double', 'none'] as const
const getBlendModes = () =>
[
{
Expand Down Expand Up @@ -696,6 +696,21 @@ export function getDefaultConfig() {
* @see https://tailwindcss.com/docs/text-decoration
*/
'text-decoration': ['underline', 'line-through', 'no-underline'],
/**
* Text Decoration Style
* @see https://tailwindcss.com/docs/text-decoration-style
*/
'text-decoration-style': [{ decoration: [...getLineStyles(), 'wavy'] }],
/**
* Text Decoration Thickness
* @see https://tailwindcss.com/docs/text-decoration-thickness
*/
'text-decoration-thickness': [{ decoration: ['auto', 'from-font', isLength] }],
/**
* Text Decoration Color
* @see https://tailwindcss.com/docs/text-decoration-color
*/
'text-decoration-color': [{ decoration: [fromTheme('colors')] }],
/**
* Text Transform
* @see https://tailwindcss.com/docs/text-transform
Expand Down Expand Up @@ -876,7 +891,7 @@ export function getDefaultConfig() {
* Border Style
* @see https://tailwindcss.com/docs/border-style
*/
'border-style': [{ border: getBorderStyles() }],
'border-style': [{ border: getLineStyles() }],
/**
* Divide Width X
* @see https://tailwindcss.com/docs/divide-width
Expand Down Expand Up @@ -906,7 +921,7 @@ export function getDefaultConfig() {
* Divide Style
* @see https://tailwindcss.com/docs/divide-style
*/
'divide-style': [{ divide: getBorderStyles() }],
'divide-style': [{ divide: getLineStyles() }],
/**
* Border Color
* @see https://tailwindcss.com/docs/border-color
Expand Down
7 changes: 6 additions & 1 deletion tests/class-map.test.ts
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,12 @@ test('class map has correct class groups at first part', () => {
contents: ['display'],
contrast: ['contrast'],
cursor: ['cursor'],
decoration: ['decoration'],
decoration: [
'decoration',
'text-decoration-color',
'text-decoration-style',
'text-decoration-thickness',
],
delay: ['delay'],
diagonal: ['fvn-fraction'],
divide: [
Expand Down