Skip to content

feat: tailwind v4 css based plugin #419

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.

Sign up for GitHub

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

Open
wants to merge 9 commits into
base: main
Choose a base branch
from
+7,103 −257
Open

feat: tailwind v4 css based plugin #419

Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
6a8c41a
Minor changes to be compatible with tailwind4.
lacrioque Mar 14, 2025
7dc9071
fix: also export tailwind v4 in package.json
lacrioque Mar 14, 2025
1a84c74
fix: removed unused invalid class definition
lacrioque Mar 14, 2025
779118b
chore: build
lacrioque Mar 14, 2025
98cef17
fix: typo in package.json
lacrioque Mar 14, 2025
4ae054f
fix: typo in package.json v2
lacrioque Mar 14, 2025
eea2a63
fix: try to exchange an invalid utility selector
lacrioque Mar 14, 2025
559a6ad
feat: generate a tailwind v4 compatible plugin css
lacrioque Mar 18, 2025
ab583c2
fix: found a way to work around the new variant issue
lacrioque Mar 21, 2025
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
fix: try to exchange an invalid utility selector
  • Loading branch information
@lacrioque
lacrioque committed Mar 14, 2025
commit eea2a638245ab801779d1bd8c65b380da6708810
19 changes: 11 additions & 8 deletions tailwind.v4.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2258,14 +2258,6 @@ const vueform = plugin((context) => {
height: '100%',
}
},
'body[dir="rtl"]': {
'.form-bg-icon-check': {
'&::after': {
left: 'auto',
right: 'calc(var(--vf-border-width-checkbox-l) * (-1))',
}
},
}
}

const focusable = {
Expand Down Expand Up @@ -2389,6 +2381,17 @@ const vueform = plugin((context) => {
}
}

addBase({
'body[dir="rtl"]': {
'.form-bg-icon-check': {
'&::after': {
left: 'auto',
right: 'calc(var(--vf-border-width-checkbox-l) * (-1))',
}
},
}
});

addUtilities(plain)
addUtilities(hoverable, ['hover'])
addUtilities(groupHoverable, ['group-hover'])
Expand Down