Skip to content

Commit

Permalink
release: version 2025.1.6
Browse files Browse the repository at this point in the history
  • Loading branch information
@Sarmaged
Sarmaged committed Jan 6, 2025
1 parent ed3efe5 commit aee9a61
Show file tree
Hide file tree
Showing 7 changed files with 196 additions and 60 deletions.
4 changes: 2 additions & 2 deletions helpers.css
View file

Large diffs are not rendered by default.

7 changes: 4 additions & 3 deletions package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "style-forge.helpers",
"version": "2025.1.5",
"version": "2025.1.6",
"description": "Style-Forge.Helpers: essential CSS helper classes for spacing, alignment, visibility, and more in web development.",
"type": "module",
"main": "helpers.css",
Expand Down Expand Up @@ -31,8 +31,9 @@
"build": "node builder.js"
},
"devDependencies": {
"autoprefixer": "^10.4.19",
"postcss": "^8.4.39",
"autoprefixer": "^10.4.20",
"caniuse-lite": "^1.0.30001690",
"postcss": "^8.4.49",
"postcss-combine-duplicated-selectors": "^10.0.3",
"postcss-discard-comments": "^7.0.3",
"postcss-import": "^16.1.0",
Expand Down
36 changes: 18 additions & 18 deletions src/columns/inline.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,24 +13,6 @@
.cols\:12
{ display: block }

.col,
.col\:1,
.col\:2,
.col\:3,
.col\:4,
.col\:5,
.col\:6,
.col\:7,
.col\:8,
.col\:9,
.col\:10,
.col\:11,
.col\:12
{
display: inline-block;
vertical-align: top;
}

.cols\:y .col, .cols\:1\:y .col, .cols\:2\:y .col, .cols\:3\:y .col, .cols\:4\:y .col, .cols\:5\:y .col, .cols\:6\:y .col, .cols\:7\:y .col, .cols\:8\:y .col, .cols\:9\:y .col, .cols\:10\:y .col, .cols\:11\:y .col, .cols\:12\:y .col,
.cols\:y .col\:1, .cols\:1\:y .col\:1, .cols\:2\:y .col\:1, .cols\:3\:y .col\:1, .cols\:4\:y .col\:1, .cols\:5\:y .col\:1, .cols\:6\:y .col\:1, .cols\:7\:y .col\:1, .cols\:8\:y .col\:1, .cols\:9\:y .col\:1, .cols\:10\:y .col\:1, .cols\:11\:y .col\:1, .cols\:12\:y .col\:1,
.cols\:y .col\:2, .cols\:1\:y .col\:2, .cols\:2\:y .col\:2, .cols\:3\:y .col\:2, .cols\:4\:y .col\:2, .cols\:5\:y .col\:2, .cols\:6\:y .col\:2, .cols\:7\:y .col\:2, .cols\:8\:y .col\:2, .cols\:9\:y .col\:2, .cols\:10\:y .col\:2, .cols\:11\:y .col\:2, .cols\:12\:y .col\:2,
Expand All @@ -46,6 +28,24 @@
.cols\:y .col\:12, .cols\:1\:y .col\:12, .cols\:2\:y .col\:12, .cols\:3\:y .col\:12, .cols\:4\:y .col\:12, .cols\:5\:y .col\:12, .cols\:6\:y .col\:12, .cols\:7\:y .col\:12, .cols\:8\:y .col\:12, .cols\:9\:y .col\:12, .cols\:10\:y .col\:12, .cols\:11\:y .col\:12, .cols\:12\:y .col\:12
{ display: block }

.cols .col, .cols\:1 .col, .cols\:2 .col, .cols\:3 .col, .cols\:4 .col, .cols\:5 .col, .cols\:6 .col, .cols\:7 .col, .cols\:8 .col, .cols\:9 .col, .cols\:10 .col, .cols\:11 .col, .cols\:12 .col,
.cols .col\:1, .cols\:1 .col\:1, .cols\:2 .col\:1, .cols\:3 .col\:1, .cols\:4 .col\:1, .cols\:5 .col\:1, .cols\:6 .col\:1, .cols\:7 .col\:1, .cols\:8 .col\:1, .cols\:9 .col\:1, .cols\:10 .col\:1, .cols\:11 .col\:1, .cols\:12 .col\:1,
.cols .col\:2, .cols\:1 .col\:2, .cols\:2 .col\:2, .cols\:3 .col\:2, .cols\:4 .col\:2, .cols\:5 .col\:2, .cols\:6 .col\:2, .cols\:7 .col\:2, .cols\:8 .col\:2, .cols\:9 .col\:2, .cols\:10 .col\:2, .cols\:11 .col\:2, .cols\:12 .col\:2,
.cols .col\:3, .cols\:1 .col\:3, .cols\:2 .col\:3, .cols\:3 .col\:3, .cols\:4 .col\:3, .cols\:5 .col\:3, .cols\:6 .col\:3, .cols\:7 .col\:3, .cols\:8 .col\:3, .cols\:9 .col\:3, .cols\:10 .col\:3, .cols\:11 .col\:3, .cols\:12 .col\:3,
.cols .col\:4, .cols\:1 .col\:4, .cols\:2 .col\:4, .cols\:3 .col\:4, .cols\:4 .col\:4, .cols\:5 .col\:4, .cols\:6 .col\:4, .cols\:7 .col\:4, .cols\:8 .col\:4, .cols\:9 .col\:4, .cols\:10 .col\:4, .cols\:11 .col\:4, .cols\:12 .col\:4,
.cols .col\:5, .cols\:1 .col\:5, .cols\:2 .col\:5, .cols\:3 .col\:5, .cols\:4 .col\:5, .cols\:5 .col\:5, .cols\:6 .col\:5, .cols\:7 .col\:5, .cols\:8 .col\:5, .cols\:9 .col\:5, .cols\:10 .col\:5, .cols\:11 .col\:5, .cols\:12 .col\:5,
.cols .col\:6, .cols\:1 .col\:6, .cols\:2 .col\:6, .cols\:3 .col\:6, .cols\:4 .col\:6, .cols\:5 .col\:6, .cols\:6 .col\:6, .cols\:7 .col\:6, .cols\:8 .col\:6, .cols\:9 .col\:6, .cols\:10 .col\:6, .cols\:11 .col\:6, .cols\:12 .col\:6,
.cols .col\:7, .cols\:1 .col\:7, .cols\:2 .col\:7, .cols\:3 .col\:7, .cols\:4 .col\:7, .cols\:5 .col\:7, .cols\:6 .col\:7, .cols\:7 .col\:7, .cols\:8 .col\:7, .cols\:9 .col\:7, .cols\:10 .col\:7, .cols\:11 .col\:7, .cols\:12 .col\:7,
.cols .col\:8, .cols\:1 .col\:8, .cols\:2 .col\:8, .cols\:3 .col\:8, .cols\:4 .col\:8, .cols\:5 .col\:8, .cols\:6 .col\:8, .cols\:7 .col\:8, .cols\:8 .col\:8, .cols\:9 .col\:8, .cols\:10 .col\:8, .cols\:11 .col\:8, .cols\:12 .col\:8,
.cols .col\:9, .cols\:1 .col\:9, .cols\:2 .col\:9, .cols\:3 .col\:9, .cols\:4 .col\:9, .cols\:5 .col\:9, .cols\:6 .col\:9, .cols\:7 .col\:9, .cols\:8 .col\:9, .cols\:9 .col\:9, .cols\:10 .col\:9, .cols\:11 .col\:9, .cols\:12 .col\:9,
.cols .col\:10, .cols\:1 .col\:10, .cols\:2 .col\:10, .cols\:3 .col\:10, .cols\:4 .col\:10, .cols\:5 .col\:10, .cols\:6 .col\:10, .cols\:7 .col\:10, .cols\:8 .col\:10, .cols\:9 .col\:10, .cols\:10 .col\:10, .cols\:11 .col\:10, .cols\:12 .col\:10,
.cols .col\:11, .cols\:1 .col\:11, .cols\:2 .col\:11, .cols\:3 .col\:11, .cols\:4 .col\:11, .cols\:5 .col\:11, .cols\:6 .col\:11, .cols\:7 .col\:11, .cols\:8 .col\:11, .cols\:9 .col\:11, .cols\:10 .col\:11, .cols\:11 .col\:11, .cols\:12 .col\:11,
.cols .col\:12, .cols\:1 .col\:12, .cols\:2 .col\:12, .cols\:3 .col\:12, .cols\:4 .col\:12, .cols\:5 .col\:12, .cols\:6 .col\:12, .cols\:7 .col\:12, .cols\:8 .col\:12, .cols\:9 .col\:12, .cols\:10 .col\:12, .cols\:11 .col\:12, .cols\:12 .col\:12
{
display: inline-block;
vertical-align: middle;
}

.col,
.col\:1 { width: 8.3333% }
.col\:2 { width: 16.6666% }
Expand Down
66 changes: 53 additions & 13 deletions src/columns/var.css
View file
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
.cols { --cols: 12 } .rows { --rows: 12 }
.cols\:12 { --cols: 12 } .rows\:12 { --rows: 12 }
.cols\:11 { --cols: 11 } .rows\:11 { --rows: 11 }
.cols\:10 { --cols: 10 } .rows\:10 { --rows: 10 }
.cols\:9 { --cols: 9 } .rows\:9 { --rows: 9 }
.cols\:8 { --cols: 8 } .rows\:8 { --rows: 8 }
.cols\:7 { --cols: 7 } .rows\:7 { --rows: 7 }
.cols\:6 { --cols: 6 } .rows\:6 { --rows: 6 }
.cols\:5 { --cols: 5 } .rows\:5 { --rows: 5 }
.cols\:4 { --cols: 4 } .rows\:4 { --rows: 4 }
.cols\:3 { --cols: 3 } .rows\:3 { --rows: 3 }
.cols\:2 { --cols: 2 } .rows\:2 { --rows: 2 }
.cols\:1 { --cols: 1 } .rows\:1 { --rows: 1 }
.cols, .cols\:y { --cols: 12 } .rows { --rows: 12 }
.cols\:12, .cols\:12\:y { --cols: 12 } .rows\:12 { --rows: 12 }
.cols\:11, .cols\:11\:y { --cols: 11 } .rows\:11 { --rows: 11 }
.cols\:10, .cols\:10\:y { --cols: 10 } .rows\:10 { --rows: 10 }
.cols\:9, .cols\:9\:y { --cols: 9 } .rows\:9 { --rows: 9 }
.cols\:8, .cols\:8\:y { --cols: 8 } .rows\:8 { --rows: 8 }
.cols\:7, .cols\:7\:y { --cols: 7 } .rows\:7 { --rows: 7 }
.cols\:6, .cols\:6\:y { --cols: 6 } .rows\:6 { --rows: 6 }
.cols\:5, .cols\:5\:y { --cols: 5 } .rows\:5 { --rows: 5 }
.cols\:4, .cols\:4\:y { --cols: 4 } .rows\:4 { --rows: 4 }
.cols\:3, .cols\:3\:y { --cols: 3 } .rows\:3 { --rows: 3 }
.cols\:2, .cols\:2\:y { --cols: 2 } .rows\:2 { --rows: 2 }
.cols\:1, .cols\:1\:y { --cols: 1 } .rows\:1 { --rows: 1 }

:where(.cols,.cols\:12,.cols\:11,.cols\:10,.cols\:9,.cols\:8,.cols\:7,.cols\:6,.cols\:5,.cols\:4,.cols\:3,.cols\:2,.cols\:1) > .col,
:where(.cols,.cols\:12,.cols\:11,.cols\:10,.cols\:9,.cols\:8,.cols\:7,.cols\:6,.cols\:5,.cols\:4,.cols\:3,.cols\:2,.cols\:1) > .col\:1 { --col: 1 }
Expand Down Expand Up @@ -52,6 +52,46 @@
:where(.cols,.cols\:12,.cols\:11) > .col\:end\:11 { --ce: 11 }
:where(.cols,.cols\:12) > .col\:end\:12 { --ce: 12 }

:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y,.cols\:5\:y,.cols\:4\:y,.cols\:3\:y,.cols\:2\:y,.cols\:1\:y) > .col,
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y,.cols\:5\:y,.cols\:4\:y,.cols\:3\:y,.cols\:2\:y,.cols\:1\:y) > .col\:1 { --col: 1 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y,.cols\:5\:y,.cols\:4\:y,.cols\:3\:y,.cols\:2\:y) > .col\:2 { --col: 2 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y,.cols\:5\:y,.cols\:4\:y,.cols\:3\:y) > .col\:3 { --col: 3 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y,.cols\:5\:y,.cols\:4\:y) > .col\:4 { --col: 4 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y,.cols\:5\:y) > .col\:5 { --col: 5 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y) > .col\:6 { --col: 6 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y) > .col\:7 { --col: 7 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y) > .col\:8 { --col: 8 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y) > .col\:9 { --col: 9 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y) > .col\:10 { --col: 10 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y) > .col\:11 { --col: 11 }
:where(.cols\:y,.cols\:12\:y) > .col\:12 { --col: 12 }

:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y,.cols\:5\:y,.cols\:4\:y,.cols\:3\:y,.cols\:2\:y,.cols\:1\:y) > .col\:start\:1 { --cs: 1 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y,.cols\:5\:y,.cols\:4\:y,.cols\:3\:y,.cols\:2\:y) > .col\:start\:2 { --cs: 2 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y,.cols\:5\:y,.cols\:4\:y,.cols\:3\:y) > .col\:start\:3 { --cs: 3 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y,.cols\:5\:y,.cols\:4\:y) > .col\:start\:4 { --cs: 4 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y,.cols\:5\:y) > .col\:start\:5 { --cs: 5 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y) > .col\:start\:6 { --cs: 6 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y) > .col\:start\:7 { --cs: 7 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y) > .col\:start\:8 { --cs: 8 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y) > .col\:start\:9 { --cs: 9 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y) > .col\:start\:10 { --cs: 10 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y) > .col\:start\:11 { --cs: 11 }
:where(.cols\:y,.cols\:12\:y) > .col\:start\:12 { --cs: 12 }

:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y,.cols\:5\:y,.cols\:4\:y,.cols\:3\:y,.cols\:2\:y,.cols\:1\:y) > .col\:end\:1 { --ce: 1 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y,.cols\:5\:y,.cols\:4\:y,.cols\:3\:y,.cols\:2\:y) > .col\:end\:2 { --ce: 2 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y,.cols\:5\:y,.cols\:4\:y,.cols\:3\:y) > .col\:end\:3 { --ce: 3 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y,.cols\:5\:y,.cols\:4\:y) > .col\:end\:4 { --ce: 4 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y,.cols\:5\:y) > .col\:end\:5 { --ce: 5 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y,.cols\:6\:y) > .col\:end\:6 { --ce: 6 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y,.cols\:7\:y) > .col\:end\:7 { --ce: 7 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y,.cols\:8\:y) > .col\:end\:8 { --ce: 8 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y,.cols\:9\:y) > .col\:end\:9 { --ce: 9 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y,.cols\:10\:y) > .col\:end\:10 { --ce: 10 }
:where(.cols\:y,.cols\:12\:y,.cols\:11\:y) > .col\:end\:11 { --ce: 11 }
:where(.cols\:y,.cols\:12\:y) > .col\:end\:12 { --ce: 12 }

:where(.rows,.rows\:12,.rows\:11,.rows\:10,.rows\:9,.rows\:8,.rows\:7,.rows\:6,.rows\:5,.rows\:4,.rows\:3,.rows\:2,.rows\:1) > .row,
:where(.rows,.rows\:12,.rows\:11,.rows\:10,.rows\:9,.rows\:8,.rows\:7,.rows\:6,.rows\:5,.rows\:4,.rows\:3,.rows\:2,.rows\:1) > .row\:1 { --row: 1 }
:where(.rows,.rows\:12,.rows\:11,.rows\:10,.rows\:9,.rows\:8,.rows\:7,.rows\:6,.rows\:5,.rows\:4,.rows\:3,.rows\:2) > .row\:2 { --row: 2 }
Expand Down
75 changes: 62 additions & 13 deletions src/gap.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,23 @@

/* inline */
.\$d\:i, .\$d\:i\:x, .\$d\:i\:y { font-size: var(--sf-fz) }
.\$d\:i\:x { margin-left: calc(var(--sf-gap-x) * -1) }
.\$d\:i\:x > * { margin-left: var(--sf-gap-x) }
.\$d\:i\:y { margin-top: calc(var(--sf-gap-y) * -1) }
.\$d\:i\:y > * { margin-top: var(--sf-gap-y) }

.\$d\:i\:x > [class*='d:i'],
.\$d\:i\:x > [class*='d:f'],
.\$d\:i\:x > [class*='d:g'],
.\$d\:i\:x > [class*='cols']
{ margin-left: calc(var(--sf-gap-x) * 0) }

.\$d\:i\:y > [class*='d:i'],
.\$d\:i\:y > [class*='d:f'],
.\$d\:i\:y > [class*='d:g'],
.\$d\:i\:y > [class*='cols']
{ margin-top: calc(var(--sf-gap-y) * 0) }

.\$d\:i { margin-top: calc(var(--sf-gap-y) * -1); margin-left: calc(var(--sf-gap-x) * -1) }
.\$d\:i > * { margin-top: var(--sf-gap-y); margin-left: var(--sf-gap-x) }

Expand Down Expand Up @@ -64,7 +81,8 @@
}

/* cols */
.cols,.cols\:1,.cols\:2,.cols\:3,.cols\:4,.cols\:5,.cols\:6,.cols\:7,.cols\:8,.cols\:9,.cols\:10,.cols\:11,.cols\:12
.cols,.cols\:1,.cols\:2,.cols\:3,.cols\:4,.cols\:5,.cols\:6,.cols\:7,.cols\:8,.cols\:9,.cols\:10,.cols\:11,.cols\:12,
.cols\:y,.cols\:1\:y,.cols\:2\:y,.cols\:3\:y,.cols\:4\:y,.cols\:5\:y,.cols\:6\:y,.cols\:7\:y,.cols\:8\:y,.cols\:9\:y,.cols\:10\:y,.cols\:11\:y,.cols\:12\:y
{
margin-top: calc(var(--sf-gap-y) * -1);
margin-left: calc(var(--sf-gap-x) * -1);
Expand Down Expand Up @@ -125,42 +143,59 @@

/* inline */

html.var .\$d\:i, .\$d\:i\:x, .\$d\:i\:y { font-size: 16px }
html.var .\$d\:i, html.var .\$d\:i\:x, html.var .\$d\:i\:y { font-size: 16px }
html.var .\$d\:i\:x { margin-left: -0.5em }
html.var .\$d\:i\:x > * { margin-left: 0.5em }
html.var .\$d\:i\:y { margin-top: -0.5em }
html.var .\$d\:i\:y > * { margin-top: 0.5em }

html.var .\$d\:i\:x > [class*='d:i'],
html.var .\$d\:i\:x > [class*='d:f'],
html.var .\$d\:i\:x > [class*='d:g'],
html.var .\$d\:i\:x > [class*='cols']
{ margin-left: 0 }

html.var .\$d\:i\:y > [class*='d:i'],
html.var .\$d\:i\:y > [class*='d:f'],
html.var .\$d\:i\:y > [class*='d:g'],
html.var .\$d\:i\:y > [class*='cols']
{ margin-top: 0 }

html.var .\$d\:i { margin-top: -0.5em; margin-left: -0.5em }
html.var .\$d\:i > * { margin-top: 0.5em; margin-left: 0.5em }

/* flex */

html.gap .d\:f { margin-top: calc(var(--sf-gap-y) * -1); margin-left: calc(var(--sf-gap-x) * -1); padding-top: calc(var(--sf-gap-y) * 0); padding-left: calc(var(--sf-gap-x) * 0) }
html.gap .d\:f\:x { margin-left: calc(var(--sf-gap-x) * -1); padding-left: calc(var(--sf-gap-x) * 0) }
html.gap .d\:f\:y { margin-top: calc(var(--sf-gap-y) * -1); padding-top: calc(var(--sf-gap-y) * 0) }
html.gap .d\:f > * { margin-top: var(--sf-gap-y); margin-left: var(--sf-gap-x) }
html.gap .d\:f\:x > * { margin-left: var(--sf-gap-x) }
html.gap .d\:f\:y { margin-top: calc(var(--sf-gap-y) * -1); padding-top: calc(var(--sf-gap-y) * 0) }
html.gap .d\:f\:y > * { margin-top: var(--sf-gap-y) }
html.gap .d\:f { margin-top: calc(var(--sf-gap-y) * -1); margin-left: calc(var(--sf-gap-x) * -1); padding-top: calc(var(--sf-gap-y) * 0); padding-left: calc(var(--sf-gap-x) * 0) }
html.gap .d\:f > * { margin-top: var(--sf-gap-y); margin-left: var(--sf-gap-x) }

html.var .d\:f:not([class*='cols']) { margin-top: -0.5em; margin-left: -0.5em; padding-top: 0; padding-left: 0 }
html.var .d\:f\:x:not([class*='cols']) { margin-left: -0.5em; padding-left: 0 }
html.var .d\:f\:y:not([class*='cols']) { margin-top: -0.5em; padding-top: 0 }
html.var .d\:f:not([class*='cols']) { margin-top: -0.5em; margin-left: -0.5em; padding-top: 0; padding-left: 0 }

html.var .d\:f:not([class*='cols']) > *:not([class*='col:start']) { margin-left: 0.5em }
html.var .d\:f\:x:not([class*='cols']) > *:not([class*='col:start']) { margin-left: 0.5em }
html.var .d\:f\:y:not([class*='cols']) > *:not([class*='col:start']) { margin-top: 0.5em }
html.var .d\:f:not([class*='cols']) > *:not([class*='col:start']) { margin-left: 0.5em }

/* grid */
html.gap .d\:g { margin-top: calc(var(--sf-gap-y) * -1); margin-left: calc(var(--sf-gap-x) * -1); padding-top: calc(var(--sf-gap-y) * 0); padding-left: calc(var(--sf-gap-x) * 0) }
html.gap .d\:g\:x { margin-left: calc(var(--sf-gap-x) * -1); padding-left: calc(var(--sf-gap-x) * 0) }
html.gap .d\:g\:y { margin-top: calc(var(--sf-gap-y) * -1); padding-top: calc(var(--sf-gap-y) * 0) }
html.gap .d\:g > * { margin-top: var(--sf-gap-y); margin-left: var(--sf-gap-x) }
html.gap .d\:g\:x > * { margin-left: var(--sf-gap-x) }
html.gap .d\:g\:y { margin-top: calc(var(--sf-gap-y) * -1); padding-top: calc(var(--sf-gap-y) * 0) }
html.gap .d\:g\:y > * { margin-top: var(--sf-gap-y) }
html.gap .d\:g { margin-top: calc(var(--sf-gap-y) * -1); margin-left: calc(var(--sf-gap-x) * -1); padding-top: calc(var(--sf-gap-y) * 0); padding-left: calc(var(--sf-gap-x) * 0) }
html.gap .d\:g > * { margin-top: var(--sf-gap-y); margin-left: var(--sf-gap-x) }

html.var .d\:g:not([class*='cols']) { margin-top: -0.5em; margin-left: -0.5em; padding-top: 0; padding-left: 0 }
html.var .d\:g\:x:not([class*='cols']) { margin-left: -0.5em; padding-left: 0 }
html.var .d\:g\:y:not([class*='cols']) { margin-top: -0.5em; padding-top: 0 }
html.var .d\:g:not([class*='cols']) { margin-top: -0.5em; margin-left: -0.5em; padding-top: 0; padding-left: 0 }

html.var .d\:g:not([class*='cols']) > *:not([class*='col:start']) { margin-left: 0.5em }
html.var .d\:g\:x:not([class*='cols']) > *:not([class*='col:start']) { margin-left: 0.5em }
html.var .d\:g\:y:not([class*='cols']) > *:not([class*='col:start']) { margin-top: 0.5em }
html.var .d\:g:not([class*='cols']) > *:not([class*='col:start']) { margin-left: 0.5em }

/* cols */

Expand All @@ -176,7 +211,21 @@ html.var .cols\:8,
html.var .cols\:9,
html.var .cols\:10,
html.var .cols\:11,
html.var .cols\:12
html.var .cols\:12,

html.var .cols\:y,
html.var .cols\:1\:y,
html.var .cols\:2\:y,
html.var .cols\:3\:y,
html.var .cols\:4\:y,
html.var .cols\:5\:y,
html.var .cols\:6\:y,
html.var .cols\:7\:y,
html.var .cols\:8\:y,
html.var .cols\:9\:y,
html.var .cols\:10\:y,
html.var .cols\:11\:y,
html.var .cols\:12\:y
{
margin-top: -0.5em;
margin-left: -0.5em;
Expand Down
Loading

0 comments on commit aee9a61

Please sign in to comment.