js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Apply display: flex to gap utils, closes #265

Browse Source
This commit is contained in:
Lea Verou
2024-12-13 03:50:22 -05:00
parent 35d2b7f12a
commit e9377cf746
1 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/themes/utilities.css
View File

@@ -62,6 +62,23 @@
/* #endregion */
/* #region Gap */
/* Apply Flexbox with 0 specificity to ensure a gap util produces a visible change */
:where(
.wa-gap-0,
.wa-gap-3xs,
.wa-gap-2xs,
.wa-gap-xs,
.wa-gap-s,
.wa-gap-m,
.wa-gap-l,
.wa-gap-xl,
.wa-gap-2xl,
.wa-gap-3xl
) {
display: flex;
}
.wa-gap-0 {
gap: 0px;
}