Skip to content

Commit 281ae38

Browse files
arinkerarinker
committed
Refactor CSS files to use module-grid class instead of page-grid
1 parent 6d5637e commit 281ae38

5 files changed

Lines changed: 11 additions & 11 deletions

File tree

‎dist/css/modulate-advanced-page-grid.css‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@
5050
Layout
5151
==================================================================================================== */
5252
@layer base {
53-
.page-grid {
53+
.module-grid {
5454
--module-margin-block-start-v: calc(((100 * (var(--module-margin-block-start-max) - var(--module-margin-block-start-min))) / (var(--grid-s-max) - var(--grid-s-min))) * 1vw);
5555
--module-margin-block-start-r: calc((((var(--grid-s-min) * var(--module-margin-block-start-max)) - (var(--grid-s-max) * var(--module-margin-block-start-min))) / (var(--grid-s-min) - var(--grid-s-max))) / var(--grid-rem));
5656
--module-margin-block-start: clamp(calc((var(--module-margin-block-start-min) / var(--grid-rem)) * 1rem), calc(var(--module-margin-block-start-v) + var(--module-margin-block-start-r) * 1rem), calc((var(--module-margin-block-start-max) / var(--grid-rem)) * 1rem));
@@ -73,14 +73,14 @@
7373
width: 100dvw;
7474
gap: 0;
7575

76-
--page-grid-rows: [row-start] minmax(0, min-content) [row-end];
76+
--module-grid-rows: [row-start] minmax(0, min-content) [row-end];
7777

7878
grid-template-rows:
7979
[module-start]
8080
var(--module-margin-block-start)
8181
[frame-start]
8282
var(--module-padding-block-start)
83-
var(--page-grid-rows)
83+
var(--module-grid-rows)
8484
var(--module-padding-block-end)
8585
[frame-end]
8686
var(--module-margin-block-end)

‎dist/css/modulate-advanced-page-grid.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/css/modulate.css‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -662,7 +662,7 @@
662662
Layout
663663
==================================================================================================== */
664664
@layer base {
665-
.page-grid {
665+
.module-grid {
666666
--module-margin-block-start-v: calc(((100 * (var(--module-margin-block-start-max) - var(--module-margin-block-start-min))) / (var(--grid-s-max) - var(--grid-s-min))) * 1vw);
667667
--module-margin-block-start-r: calc((((var(--grid-s-min) * var(--module-margin-block-start-max)) - (var(--grid-s-max) * var(--module-margin-block-start-min))) / (var(--grid-s-min) - var(--grid-s-max))) / var(--grid-rem));
668668
--module-margin-block-start: clamp(calc((var(--module-margin-block-start-min) / var(--grid-rem)) * 1rem), calc(var(--module-margin-block-start-v) + var(--module-margin-block-start-r) * 1rem), calc((var(--module-margin-block-start-max) / var(--grid-rem)) * 1rem));
@@ -685,14 +685,14 @@
685685
width: 100dvw;
686686
gap: 0;
687687

688-
--page-grid-rows: [row-start] minmax(0, min-content) [row-end];
688+
--module-grid-rows: [row-start] minmax(0, min-content) [row-end];
689689

690690
grid-template-rows:
691691
[module-start]
692692
var(--module-margin-block-start)
693693
[frame-start]
694694
var(--module-padding-block-start)
695-
var(--page-grid-rows)
695+
var(--module-grid-rows)
696696
var(--module-padding-block-end)
697697
[frame-end]
698698
var(--module-margin-block-end)

‎dist/css/modulate.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/modulate-module-grid.css‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@
5050
Layout
5151
==================================================================================================== */
5252
@layer base {
53-
.page-grid {
53+
.module-grid {
5454
--module-margin-block-start-v: calc(((100 * (var(--module-margin-block-start-max) - var(--module-margin-block-start-min))) / (var(--grid-s-max) - var(--grid-s-min))) * 1vw);
5555
--module-margin-block-start-r: calc((((var(--grid-s-min) * var(--module-margin-block-start-max)) - (var(--grid-s-max) * var(--module-margin-block-start-min))) / (var(--grid-s-min) - var(--grid-s-max))) / var(--grid-rem));
5656
--module-margin-block-start: clamp(calc((var(--module-margin-block-start-min) / var(--grid-rem)) * 1rem), calc(var(--module-margin-block-start-v) + var(--module-margin-block-start-r) * 1rem), calc((var(--module-margin-block-start-max) / var(--grid-rem)) * 1rem));
@@ -73,14 +73,14 @@
7373
width: 100dvw;
7474
gap: 0;
7575

76-
--page-grid-rows: [row-start] minmax(0, min-content) [row-end];
76+
--module-grid-rows: [row-start] minmax(0, min-content) [row-end];
7777

7878
grid-template-rows:
7979
[module-start]
8080
var(--module-margin-block-start)
8181
[frame-start]
8282
var(--module-padding-block-start)
83-
var(--page-grid-rows)
83+
var(--module-grid-rows)
8484
var(--module-padding-block-end)
8585
[frame-end]
8686
var(--module-margin-block-end)

0 commit comments

Comments
 (0)