From fb1d1bdc6cb9b5e8b9307b937c5cb10d45c181c2 Mon Sep 17 00:00:00 2001 From: Angus Hollands Date: Fri, 10 Jan 2025 02:56:06 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=88Use=20`main`=20as=20minimum=20grid?= =?UTF-8?q?=20column=20breakpoint=20(#506)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .changeset/rich-parrots-explode.md | 5 +++++ packages/myst-to-react/src/grid.tsx | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/rich-parrots-explode.md diff --git a/.changeset/rich-parrots-explode.md b/.changeset/rich-parrots-explode.md new file mode 100644 index 000000000..11df7c70e --- /dev/null +++ b/.changeset/rich-parrots-explode.md @@ -0,0 +1,5 @@ +--- +'myst-to-react': patch +--- + +Set min grid columns at main breakpoint diff --git a/packages/myst-to-react/src/grid.tsx b/packages/myst-to-react/src/grid.tsx index b4a1ef637..ae7c2a553 100644 --- a/packages/myst-to-react/src/grid.tsx +++ b/packages/myst-to-react/src/grid.tsx @@ -100,7 +100,7 @@ function gridColumnClasses(columns?: number[]): string { } return [ // getColumnClassName(gridClassNames.main, columns[0]), - getColumnClassName(gridClassNames.sm, columns[0]), + getColumnClassName(gridClassNames.main, columns[0]), getColumnClassName(gridClassNames.md, columns[1]), getColumnClassName(gridClassNames.lg, columns[2]), getColumnClassName(gridClassNames.xl, columns[3]),