@myst-theme/styles 0.9.5 → 0.9.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +2 -2
- package/CHANGELOG.md +12 -0
- package/backmatter.css +0 -4
- package/block-styles.css +0 -4
- package/cross-references.css +0 -4
- package/grid-system.css +6 -5
- package/index.js +16 -1
- package/package.json +1 -1
- package/tasklists.css +0 -4
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
> @myst-theme/styles@0.9.
|
|
2
|
+
> @myst-theme/styles@0.9.7 build
|
|
3
3
|
> tailwindcss -m -i ./app.css -o ../docs/public/tailwind.css
|
|
4
4
|
|
|
5
5
|
Browserslist: caniuse-lite is outdated. Please run:
|
|
@@ -8,4 +8,4 @@ Browserslist: caniuse-lite is outdated. Please run:
|
|
|
8
8
|
|
|
9
9
|
Rebuilding...
|
|
10
10
|
|
|
11
|
-
Done in
|
|
11
|
+
Done in 2141ms.
|
package/CHANGELOG.md
CHANGED
package/backmatter.css
CHANGED
package/block-styles.css
CHANGED
package/cross-references.css
CHANGED
package/grid-system.css
CHANGED
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
@tailwind base;
|
|
2
|
-
@tailwind components;
|
|
3
|
-
@tailwind utilities;
|
|
4
|
-
|
|
5
1
|
@layer base {
|
|
6
2
|
.article-grid {
|
|
7
3
|
@apply grid content-start grid-cols-article-sm md:grid-cols-article-md lg:grid-cols-article-lg xl:grid-cols-article-xl 2xl:grid-cols-article-2xl;
|
|
@@ -9,8 +5,13 @@
|
|
|
9
5
|
.article-left-grid {
|
|
10
6
|
@apply grid content-start grid-cols-article-sm md:grid-cols-article-left-md lg:grid-cols-article-left-lg xl:grid-cols-article-left-xl 2xl:grid-cols-article-left-2xl;
|
|
11
7
|
}
|
|
8
|
+
.article-center-grid {
|
|
9
|
+
@apply grid content-start grid-cols-article-center-sm md:grid-cols-article-center-md lg:grid-cols-article-center-lg xl:grid-cols-article-center-xl 2xl:grid-cols-article-center-2xl;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
12
|
.article-grid > *,
|
|
13
|
-
.article-left-grid >
|
|
13
|
+
.article-left-grid > *,
|
|
14
|
+
.article-center-grid > * {
|
|
14
15
|
/* The default is spanning the body for any child component */
|
|
15
16
|
@apply col-body;
|
|
16
17
|
/* Grids do not have margin-collapse, so each direct child needs to be addressed */
|
package/index.js
CHANGED
|
@@ -37,6 +37,19 @@ const themeExtensions = {
|
|
|
37
37
|
'[screen-start] 0.5rem [screen-inset-start page-start page-inset-start body-outset-start] 3rem [body-start gutter-left-start] 1rem [body-inset-start] minmax(8ch, 12ch) [middle-start] minmax(8ch, 12ch) [gutter-left-end] minmax(8ch, 12ch) minmax(8ch, 12ch) [gutter-right-start] minmax(8ch, 12ch) [middle-end] minmax(8ch, 12ch) [body-inset-end] 1rem [body-end] 1fr [gutter-right-end] 1rem [body-outset-end] minmax(10rem, 18rem) [page-inset-end] 1rem [page-end] 1fr [screen-inset-end] 0.5rem [screen-end]',
|
|
38
38
|
'article-left-2xl':
|
|
39
39
|
'[screen-start] 0.5rem [screen-inset-start] 1fr [page-start page-inset-start body-outset-start] 3rem [body-start gutter-left-start] 1rem [body-inset-start] minmax(8ch, 12ch) [middle-start] minmax(8ch, 12ch) [gutter-left-end] minmax(8ch, 12ch) minmax(8ch, 12ch) [gutter-right-start] minmax(8ch, 12ch) [middle-end] minmax(8ch, 12ch) [body-inset-end] 1rem [body-end] 1fr [gutter-right-end] 1rem [body-outset-end] minmax(10rem, 18rem) [page-inset-end] 1rem [page-end] 1fr [screen-inset-end] 0.5rem [screen-end]',
|
|
40
|
+
// article - left theme
|
|
41
|
+
'article-center-sm':
|
|
42
|
+
'[screen-start screen-inset-start] 0.5rem [page-start page-inset-start body-outset-start body-start gutter-left-start body-inset-start middle-start] 1fr 1fr [gutter-left-end] 1fr 1fr [gutter-right-start] 1fr 1fr [middle-end body-inset-end body-end gutter-right-end body-outset-end page-inset-end page-end] 0.5rem [screen-inset-end screen-end]',
|
|
43
|
+
'article-center-md':
|
|
44
|
+
'[screen-start] 0.25rem [screen-inset-start page-start page-inset-start body-outset-start] 1fr [body-start gutter-left-start] 1rem [body-inset-start] minmax(2ch, 10ch) [middle-start] minmax(2ch, 10ch) [gutter-left-end] minmax(2ch, 10ch) minmax(2ch, 10ch) [gutter-right-start] minmax(2ch, 10ch) [middle-end] minmax(2ch, 10ch) [body-inset-end] 1rem [body-end gutter-right-end] 1fr [body-outset-end page-inset-end page-end screen-inset-end] 0.25rem [screen-end]',
|
|
45
|
+
'article-center-lg': `[screen-start] 0.25rem [screen-inset-start page-start] 1fr [page-inset-start ] 1rem [] 1rem
|
|
46
|
+
[body-outset-start gutter-outset-left-start] minmax(8ch, 10ch) [body-start body-inset-start gutter-left-start] minmax(8ch, 10ch) [gutter-left-end middle-start] minmax(8ch, 10ch) minmax(8ch, 10ch) []
|
|
47
|
+
minmax(8ch, 10ch) [] minmax(8ch, 10ch) [middle-end gutter-right-start gutter-page-right-start] minmax(8ch, 10ch) [body-end body-inset-end gutter-right-end] minmax(8ch, 10ch)
|
|
48
|
+
[body-outset-end] 1rem [page-inset-end] 1rem [page-end] 1fr [screen-inset-end] 0.25rem [screen-end]`,
|
|
49
|
+
'article-center-xl':
|
|
50
|
+
'[screen-start] 0.25rem [screen-inset-start] 1fr [page-start] 3rem [page-inset-start] minmax(4rem, 9rem) [body-outset-start] 3rem [body-start gutter-left-start] 1rem [body-inset-start] minmax(8ch, 10ch) [middle-start] minmax(8ch, 10ch) [gutter-left-end] minmax(8ch, 10ch) minmax(8ch, 10ch) [gutter-right-start] minmax(8ch, 10ch) [middle-end] minmax(8ch, 10ch) [body-inset-end] 1rem [body-end gutter-right-end] 3rem [body-outset-end] minmax(4rem, 9rem) [page-inset-end] 3rem [page-end] 1fr [screen-inset-end] 0.25rem [screen-end]',
|
|
51
|
+
'article-center-2xl':
|
|
52
|
+
'[screen-start] 0.5rem [screen-inset-start] 1fr [page-start] 3rem [page-inset-start] minmax(4rem, 9rem) [body-outset-start] 3rem [body-start gutter-left-start] 1rem [body-inset-start] minmax(8ch, 10ch) [middle-start] minmax(8ch, 10ch) [gutter-left-end] minmax(8ch, 10ch) minmax(8ch, 10ch) [gutter-right-start] minmax(8ch, 10ch) [middle-end] minmax(8ch, 10ch) [body-inset-end] 1rem [body-end gutter-right-end] 3rem [body-outset-end] minmax(4rem, 9rem) [page-inset-end] 3rem [page-end] 1fr [screen-inset-end] 0.5rem [screen-end]',
|
|
40
53
|
},
|
|
41
54
|
gridColumn: {
|
|
42
55
|
screen: 'screen',
|
|
@@ -66,7 +79,7 @@ const themeExtensions = {
|
|
|
66
79
|
'gutter-outset-right': 'gutter-right / body-outset',
|
|
67
80
|
'margin-left-lg': 'page / body-start',
|
|
68
81
|
'margin-right-lg': 'body-end / page-end',
|
|
69
|
-
'margin-right-inset-lg': 'body-
|
|
82
|
+
'margin-right-inset-lg': 'body-end /page-inset',
|
|
70
83
|
'body-outset-right': 'body / body-outset',
|
|
71
84
|
'page-inset-right': 'body / page-inset',
|
|
72
85
|
'page-right': 'body / page',
|
|
@@ -145,6 +158,8 @@ const safeList = [
|
|
|
145
158
|
'xl:article-grid',
|
|
146
159
|
'article-left-grid',
|
|
147
160
|
'xl:article-left-grid',
|
|
161
|
+
'article-center-grid',
|
|
162
|
+
'xl:article-center-grid',
|
|
148
163
|
'col-screen',
|
|
149
164
|
'col-screen-inset',
|
|
150
165
|
'col-page',
|
package/package.json
CHANGED