Repository navigation
Add + repurpose existing CSS utilities - #1079
Merged
Merged
Conversation
New CSS on top of the UnoCSS port (sand/uno): - gap, gapx, gapy on the padding scale - gridbox (CSS Grid) and its modifiers, track counts and child spans - aspect-ratio and object-fit - flex--space-around-main and flex--space-evenly-main - rotate, scale and translate, plus dynamic rules for off-scale values - dynamic fractions for w-N/M and h-viewport/hmax-viewport-N/M Also adds media variants for the new classes, docs, layout-scale tables, and an updated JIT example that uses them. This reverts commit 2014f1a. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01BUG94ZjU1irRPAYaWcVBoX
tristen
changed the title
tristen
changed the title
tristen
marked this pull request as ready for review
October 19, 2026 19:40
jcary741
approved these changes
Oct 21, 2026
jcary741
left a comment
jcary741
left a comment
Contributor
There was a problem hiding this comment.
Ah, the classic problem of how to update grid systems. Bootstrap and MUI have both had their fair share of code churn around this.
Looks good through the testing I did! Definitely a big change!
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
New
gap,gapx,gapyon the padding scaleaspect-ratioandobject-fitflex--space-around-mainandflex--space-evenly-mainrotate,scaleanimation-shimmer: a loading sweep that works on any background color except whitevisible-on-parent-hover: hides an element until its parent is hovered or contains keyboard focusbg-canvasandbg-canvas--dark: a checkerboard fill for previewing transparencyUpdated
gridis a 12-column CSS Grid, and acolwithout a width spans the full roww-N/12sets the column span andml-N/12the start columngrid--gut{n}usescolumn-gapinstead of negative margins andcolpaddingcol--auto; content-sized columns move toflexcolare reset, except theml-N/12offsettxt-break-wordusesoverflow-wrap: anywhere, so words break only when they wouldoverflow, instead of
word-break: break-all-mm,-mland-mxlrules follow breakpoint order and largerbreakpoints win