Skip to content

Update Sass and Theme docs to document mixins and functions better#42173

Merged
mdo merged 3 commits into
v6-devfrom
v6-sass-mixins-functions-docs
Mar 21, 2026
Merged

Update Sass and Theme docs to document mixins and functions better#42173
mdo merged 3 commits into
v6-devfrom
v6-sass-mixins-functions-docs

Conversation

@mdo

@mdo mdo commented Mar 13, 2026

Copy link
Copy Markdown
Member

Also remove some unused functions while we're here.

@mdo mdo requested a review from a team as a code owner March 13, 2026 17:12
@mdo mdo added this to v6.0.0 Mar 13, 2026
@github-project-automation github-project-automation Bot moved this to Inbox in v6.0.0 Mar 13, 2026
@pricop

pricop commented Mar 13, 2026

Copy link
Copy Markdown

Personally, I'm making use of the negativify-map in when generating utilities such as: such as rotate, top, right, bottom, left, vertical-align.

Or perhaps there's an easier way to achieve this that I'm missing?

I'm personally using Tailwind's $spacers which works in .25rem units and it's a breeze to position elements wherever I need them. For example I'm using negative top top-n4.

image

Another example where I'm using negative top right-n4 and bottom-n4:

image

Another example where I'm using rotate-n45:

image

Also, for rotate utility, we need both directions because sometimes you may want to animate a "wiggle" effect, and this wouldn't be possible otherwise.

Unless I'm missing something, I'd say you should keep this function as a helper function...

@mdo

mdo commented Mar 14, 2026

Copy link
Copy Markdown
Member Author

I didn't necessarily want to generate a negative value for every existing key though, so TBD on that. I think leaving the option to others makes sense but open to hearing more feedback.

@pricop

pricop commented Mar 14, 2026

Copy link
Copy Markdown

Totally understandable, just having the option to do it would be good enough.

@mdo mdo force-pushed the v6-sass-mixins-functions-docs branch 2 times, most recently from 3a97360 to 748cbed Compare March 21, 2026 16:10
@mdo mdo force-pushed the v6-sass-mixins-functions-docs branch from 748cbed to 11c3cfb Compare March 21, 2026 20:55
@mdo mdo merged commit 9e39d01 into v6-dev Mar 21, 2026
12 checks passed
@mdo mdo deleted the v6-sass-mixins-functions-docs branch March 21, 2026 21:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

Status: Inbox

Development

Successfully merging this pull request may close these issues.

2 participants