@universal-ember/docs-support 0.9.3 → 0.9.4
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/declarations/article.d.ts.map +1 -1
- package/declarations/callout.d.ts.map +1 -1
- package/declarations/errors.d.ts.map +1 -1
- package/declarations/icons.d.ts.map +1 -1
- package/declarations/index-page.d.ts.map +1 -1
- package/declarations/links.d.ts.map +1 -1
- package/declarations/menu-layout.d.ts.map +1 -1
- package/declarations/page-layout.d.ts.map +1 -1
- package/declarations/shell.d.ts +1 -8
- package/declarations/shell.d.ts.map +1 -1
- package/declarations/side-nav.d.ts.map +1 -1
- package/declarations/text.d.ts.map +1 -1
- package/dist/icons.js +1 -1
- package/dist/icons.js.map +1 -1
- package/dist/index.js +23 -70
- package/dist/site-css/components.css +85 -4
- package/dist/site-css/featured-demo.css +8 -2
- package/dist/site-css/prose.css +320 -0
- package/dist/site-css/shell.css +21 -3
- package/dist/site-css/site.css +49 -14
- package/dist/theme-toggle.css +9 -1
- package/dist/types/scoped-css.d.ts +2 -0
- package/dist/types/scoped-css.d.ts.map +1 -0
- package/package.json +3 -8
- package/src/article.gts +1 -36
- package/src/callout.gts +48 -8
- package/src/errors.gts +10 -1
- package/src/h2.gts +1 -1
- package/src/icons.gts +6 -12
- package/src/index-page.gts +69 -6
- package/src/links.gts +2 -12
- package/src/menu-layout.gts +15 -2
- package/src/page-layout.gts +111 -31
- package/src/shell.gts +1 -8
- package/src/side-nav.gts +99 -13
- package/src/site-css/components.css +85 -4
- package/src/site-css/featured-demo.css +8 -2
- package/src/site-css/prose.css +320 -0
- package/src/site-css/shell.css +21 -3
- package/src/site-css/site.css +49 -14
- package/src/text.gts +10 -1
- package/src/theme-toggle.css +9 -1
- package/src/theme-toggle.gts +2 -2
- package/src/types/scoped-css.d.ts +8 -0
- package/tailwind.mjs +0 -74
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"article.d.ts","sourceRoot":"","sources":["../src/article.gts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"article.d.ts","sourceRoot":"","sources":["../src/article.gts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,OAAO,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CAYzE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../src/callout.gts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../src/callout.gts"],"names":[],"mappings":"AA4DA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,OAAO,EAAE,GAAG,CAAC;IAAE,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CA2CnD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../src/errors.gts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../src/errors.gts"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,SAAS,EAAE,GAAG,CAAC;IAC1B,IAAI,EAAE;QAAE,KAAK,EAAE,GAAG,CAAA;KAAE,CAAC;IACrB,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAC;CACzB,CAuCC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.gts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.gts"],"names":[],"mappings":"AAgJA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmBhD,CAAC;AAEH,eAAO,MAAM,OAAO,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmB/C,CAAC;AAEH,eAAO,MAAM,OAAO,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmB/C,CAAC;AAEH,eAAO,MAAM,OAAO,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmB/C,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmBhD,CAAC;AAEH,eAAO,MAAM,MAAM,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmB9C,CAAC;AAEH,eAAO,MAAM,KAAK,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAyB7C,CAAC;AAEH,eAAO,MAAM,IAAI,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CA2B5C,CAAC;AAEH,eAAO,MAAM,GAAG,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAyB3C,CAAC;AAEH,eAAO,MAAM,IAAI,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAyB5C,CAAC;AAEH,eAAO,MAAM,SAAS,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAgMjD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-page.d.ts","sourceRoot":"","sources":["../src/index-page.gts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index-page.d.ts","sourceRoot":"","sources":["../src/index-page.gts"],"names":[],"mappings":"AAwGA,OAAO,kBAAkB,CAAC;AAI1B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,SAAS,EAAE,GAAG,CAAC;IAC1B,MAAM,EAAE;QACN,IAAI,EAAE,EAAE,CAAC;QACT,MAAM,EAAE,EAAE,CAAC;QACX,OAAO,EAAE,EAAE,CAAC;QACZ,YAAY,EAAE,EAAE,CAAC;QACjB,OAAO,EAAE,EAAE,CAAC;QACZ,MAAM,EAAE,EAAE,CAAC;KACZ,CAAC;CACH,CAkFC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../src/links.gts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../src/links.gts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,YAAY,EAAE,GAAG,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAC;CACzB,CAcC,CAAC;AAEH,eAAO,MAAM,IAAI,EAAE,GAAG,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAC;CACzB,CAeC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-layout.d.ts","sourceRoot":"","sources":["../src/menu-layout.gts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"menu-layout.d.ts","sourceRoot":"","sources":["../src/menu-layout.gts"],"names":[],"mappings":"AA8DA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEpE,QAAA,MAAM,MAAM,EAAE,GAAG,CAAC;IAChB,IAAI,EAAE;QACJ,MAAM,EAAE,aAAa,CAAC;YAAE,MAAM,EAAE;gBAAE,OAAO,EAAE,EAAE,CAAA;aAAE,CAAA;SAAE,CAAC,CAAC;KACpD,CAAC;CACH,CAgBC,CAAC;AAEH,eAAO,MAAM,oBAAoB,EAAE,GAAG,CAAC;IACrC,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,CAAC;QACZ,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,OAAO,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;KAC1D,CAAC;CACH,CAuDC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-layout.d.ts","sourceRoot":"","sources":["../src/page-layout.gts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"page-layout.d.ts","sourceRoot":"","sources":["../src/page-layout.gts"],"names":[],"mappings":"AAySA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AA2B1D,eAAO,MAAM,UAAU,EAAE,GAAG,CAAC;IAC3B,MAAM,EAAE;QACN,QAAQ,EAAE,EAAE,CAAC;KACd,CAAC;CACH,CAgBC,CAAC;AAEH,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAA;CAAE,CAOtF;AAED,eAAO,MAAM,SAAS,EAAE,GAAG,CAAC;IAC1B,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,GAAG;YAAE,MAAM,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,KAAK,CAAA;SAAE,CAAC;KACrD,CAAC;CACH,CA6BC,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,GAAG,CAAC;IAC3B,MAAM,EAAE;QACN,QAAQ,EAAE,EAAE,CAAC;QACb,QAAQ,EAAE,EAAE,CAAC;QACb,QAAQ,EAAE,CAAC,OAAO,QAAQ,CAAC,CAAC;QAC5B,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG;YAAE,MAAM,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,KAAK,CAAA;SAAE,CAAC,CAAC;KAC9D,CAAC;CACH,CA+HC,CAAC;AAEH,QAAA,MAAM,QAAQ,EAAE,GAAG,CAAC;IAAE,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAAC,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CAkBrE,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,GAAG,CAAC;IAAE,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CAsBpD,CAAC"}
|
package/declarations/shell.d.ts
CHANGED
|
@@ -1,17 +1,10 @@
|
|
|
1
1
|
import 'ember-mobile-menu/themes/android';
|
|
2
|
-
/**
|
|
3
|
-
* NOTE: while this project uses tailwind,
|
|
4
|
-
* CSS is better than tailwind for
|
|
5
|
-
* - global styles
|
|
6
|
-
* - styling some recursive structures generated by other libraries.
|
|
7
|
-
*
|
|
8
|
-
* Using both together is *very nice* 🎉
|
|
9
|
-
*/
|
|
10
2
|
import './site-css/site.css';
|
|
11
3
|
import './site-css/components.css';
|
|
12
4
|
import './site-css/featured-demo.css';
|
|
13
5
|
import './site-css/shiki.css';
|
|
14
6
|
import './site-css/shell.css';
|
|
7
|
+
import './site-css/prose.css';
|
|
15
8
|
import type { TOC } from '@ember/component/template-only';
|
|
16
9
|
export declare const Shell: TOC<{
|
|
17
10
|
Blocks: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../src/shell.gts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../src/shell.gts"],"names":[],"mappings":"AA8BA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,qBAAqB,CAAC;AAC7B,OAAO,2BAA2B,CAAC;AACnC,OAAO,8BAA8B,CAAC;AACtC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sBAAsB,CAAC;AAI9B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,KAAK,EAAE,GAAG,CAAC;IAAE,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CAIjD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-nav.d.ts","sourceRoot":"","sources":["../src/side-nav.gts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"side-nav.d.ts","sourceRoot":"","sources":["../src/side-nav.gts"],"names":[],"mappings":"AAwQA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAU3C,OAAO,KAAK,aAAa,MAAM,+BAA+B,CAAC;AA0H/D,qBAAa,OAAQ,SAAQ,SAAS,CAAC;IACrC,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE;QACJ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;CACH,CAAC;IAC2B,MAAM,EAAE,aAAa,CAAC;IAEjD,IAAI,OAAO,WAEV;IAED,QAAQ,GAAI,OAAO,KAAK,UAItB;CAmEH"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../src/text.gts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../src/text.gts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,IAAI,EAAE,GAAG,CAAC;IAAE,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CAmBhD,CAAC"}
|
package/dist/icons.js
CHANGED
|
@@ -40,7 +40,7 @@ const Sun = setComponentTemplate(precompileTemplate("<svg aria-hidden=\"true\" v
|
|
|
40
40
|
const Moon = setComponentTemplate(precompileTemplate("<svg aria-hidden=\"true\" viewBox=\"0 0 16 16\" ...attributes>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.23 3.333C7.757 2.905 7.68 2 7 2a6 6 0 1 0 0 12c.68 0 .758-.905.23-1.332A5.989 5.989 0 0 1 5 8c0-1.885.87-3.568 2.23-4.668ZM12 5a1 1 0 0 1 1 1 1 1 0 0 0 1 1 1 1 0 1 1 0 2 1 1 0 0 0-1 1 1 1 0 1 1-2 0 1 1 0 0 0-1-1 1 1 0 1 1 0-2 1 1 0 0 0 1-1 1 1 0 0 1 1-1Z\" />\n</svg>", {
|
|
41
41
|
strictMode: true
|
|
42
42
|
}), templateOnly());
|
|
43
|
-
const LightBulb = setComponentTemplate(precompileTemplate("<svg aria-hidden=\"true\" viewBox=\"0 0 32 32\" fill=\"none\" class=\"
|
|
43
|
+
const LightBulb = setComponentTemplate(precompileTemplate("<svg aria-hidden=\"true\" viewBox=\"0 0 32 32\" fill=\"none\" class=\"lightbulb-icon\" ...attributes>\n <defs>\n <radialGradient cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" id=\":S6:-gradient\" gradientTransform=\"matrix(0 21 -21 0 20 11)\">\n <stop stop-color=\"#0EA5E9\"></stop><stop stop-color=\"#22D3EE\" offset=\".527\"></stop>\n <stop stop-color=\"#818CF8\" offset=\"1\"></stop>\n </radialGradient>\n <radialGradient cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" id=\":S6:-gradient-dark\" gradientTransform=\"matrix(0 24.5001 -19.2498 0 16 5.5)\">\n <stop stop-color=\"#0EA5E9\"></stop><stop stop-color=\"#22D3EE\" offset=\".527\"></stop>\n <stop stop-color=\"#818CF8\" offset=\"1\"></stop>\n </radialGradient></defs>\n <g class=\"lightbulb-light\">\n <circle cx=\"20\" cy=\"20\" r=\"12\" fill=\"url(#:S6:-gradient)\"></circle>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20 24.995c0-1.855 1.094-3.501 2.427-4.792C24.61 18.087 26 15.07 26 12.231 26 7.133 21.523 3 16 3S6 7.133 6 12.23c0 2.84 1.389 5.857 3.573 7.973C10.906 21.494 12 23.14 12 24.995V27a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2.005Z\" class=\"icon-bg-fill\" fill-opacity=\"0.5\"></path>\n <path d=\"M25 12.23c0 2.536-1.254 5.303-3.269 7.255l1.391 1.436c2.354-2.28 3.878-5.547 3.878-8.69h-2ZM16 4c5.047 0 9 3.759 9 8.23h2C27 6.508 21.998 2 16 2v2Zm-9 8.23C7 7.76 10.953 4 16 4V2C10.002 2 5 6.507 5 12.23h2Zm3.269 7.255C8.254 17.533 7 14.766 7 12.23H5c0 3.143 1.523 6.41 3.877 8.69l1.392-1.436ZM13 27v-2.005h-2V27h2Zm1 1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3v-2Zm4 0h-4v2h4v-2Zm1-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2Zm0-2.005V27h2v-2.005h-2ZM8.877 20.921C10.132 22.136 11 23.538 11 24.995h2c0-2.253-1.32-4.143-2.731-5.51L8.877 20.92Zm12.854-1.436C20.32 20.852 19 22.742 19 24.995h2c0-1.457.869-2.859 2.122-4.074l-1.391-1.436Z\" class=\"icon-fg-fill\"></path>\n <path d=\"M20 26a1 1 0 1 0 0-2v2Zm-8-2a1 1 0 1 0 0 2v-2Zm2 0h-2v2h2v-2Zm1 1V13.5h-2V25h2Zm-5-11.5v1h2v-1h-2Zm3.5 4.5h5v-2h-5v2Zm8.5-3.5v-1h-2v1h2ZM20 24h-2v2h2v-2Zm-2 0h-4v2h4v-2Zm-1-10.5V25h2V13.5h-2Zm2.5-2.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2ZM18.5 18a3.5 3.5 0 0 0 3.5-3.5h-2a1.5 1.5 0 0 1-1.5 1.5v2ZM10 14.5a3.5 3.5 0 0 0 3.5 3.5v-2a1.5 1.5 0 0 1-1.5-1.5h-2Zm2.5-3.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2Z\" class=\"icon-fg-fill\"></path>\n </g>\n <g class=\"lightbulb-dark\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16 2C10.002 2 5 6.507 5 12.23c0 3.144 1.523 6.411 3.877 8.691.75.727 1.363 1.52 1.734 2.353.185.415.574.726 1.028.726H12a1 1 0 0 0 1-1v-4.5a.5.5 0 0 0-.5-.5A3.5 3.5 0 0 1 9 14.5V14a3 3 0 1 1 6 0v9a1 1 0 1 0 2 0v-9a3 3 0 1 1 6 0v.5a3.5 3.5 0 0 1-3.5 3.5.5.5 0 0 0-.5.5V23a1 1 0 0 0 1 1h.36c.455 0 .844-.311 1.03-.726.37-.833.982-1.626 1.732-2.353 2.354-2.28 3.878-5.547 3.878-8.69C27 6.507 21.998 2 16 2Zm5 25a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1 3 3 0 0 0 3 3h4a3 3 0 0 0 3-3Zm-8-13v1.5a.5.5 0 0 1-.5.5 1.5 1.5 0 0 1-1.5-1.5V14a1 1 0 1 1 2 0Zm6.5 2a.5.5 0 0 1-.5-.5V14a1 1 0 1 1 2 0v.5a1.5 1.5 0 0 1-1.5 1.5Z\" fill=\"url(#:S6:-gradient-dark)\"></path>\n </g>\n</svg>", {
|
|
44
44
|
strictMode: true
|
|
45
45
|
}), templateOnly());
|
|
46
46
|
|
package/dist/icons.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sources":["../src/icons.gts"],"sourcesContent":["import type { TOC } from '@ember/component/template-only';\n\n/**\n * Copied from font-awesome directly,\n * but with the addition of fill=\"currentColor\"\n *\n * Font Awesome Free 6.6.0 by @fontawesome\n * - https://fontawesome.com License\n * - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.\n */\nexport const XTwitter: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-xtwitter\" />\n </svg>\n</template>;\n\nexport const Discord: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-discord\" />\n </svg>\n</template>;\n\nexport const Threads: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-threads\" />\n </svg>\n</template>;\n\nexport const BlueSky: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-bluesky\" />\n </svg>\n</template>;\n\nexport const Mastodon: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-mastodon\" />\n </svg>\n</template>;\n\nexport const GitHub: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-github\" />\n </svg>\n</template>;\n\nexport const Flask: TOC<{ Element: SVGElement }> = <template>\n <svg\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"1em\"\n viewBox=\"0 0 448 512\"\n ...attributes\n >{{!! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. }}<path\n d=\"M288 0H160 128C110.3 0 96 14.3 96 32s14.3 32 32 32V196.8c0 11.8-3.3 23.5-9.5 33.5L10.3 406.2C3.6 417.2 0 429.7 0 442.6C0 480.9 31.1 512 69.4 512H378.6c38.3 0 69.4-31.1 69.4-69.4c0-12.8-3.6-25.4-10.3-36.4L329.5 230.4c-6.2-10.1-9.5-21.7-9.5-33.5V64c17.7 0 32-14.3 32-32s-14.3-32-32-32H288zM192 196.8V64h64V196.8c0 23.7 6.6 46.9 19 67.1L309.5 320h-171L173 263.9c12.4-20.2 19-43.4 19-67.1z\"\n /></svg>\n</template>;\n\nexport const Menu: TOC<{ Element: SVGElement }> = <template>\n <svg\n aria-hidden=\"true\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n ...attributes\n >\n <path d=\"M4 7h16M4 12h16M4 17h16\" />\n </svg>\n</template>;\n\nexport const Sun: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" viewBox=\"0 0 16 16\" ...attributes>\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7 1a1 1 0 0 1 2 0v1a1 1 0 1 1-2 0V1Zm4 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm2.657-5.657a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm-1.415 11.313-.707-.707a1 1 0 0 1 1.415-1.415l.707.708a1 1 0 0 1-1.415 1.414ZM16 7.999a1 1 0 0 0-1-1h-1a1 1 0 1 0 0 2h1a1 1 0 0 0 1-1ZM7 14a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1Zm-2.536-2.464a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm0-8.486A1 1 0 0 1 3.05 4.464l-.707-.707a1 1 0 0 1 1.414-1.414l.707.707ZM3 8a1 1 0 0 0-1-1H1a1 1 0 0 0 0 2h1a1 1 0 0 0 1-1Z\"\n />\n </svg>\n</template>;\n\nexport const Moon: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" viewBox=\"0 0 16 16\" ...attributes>\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7.23 3.333C7.757 2.905 7.68 2 7 2a6 6 0 1 0 0 12c.68 0 .758-.905.23-1.332A5.989 5.989 0 0 1 5 8c0-1.885.87-3.568 2.23-4.668ZM12 5a1 1 0 0 1 1 1 1 1 0 0 0 1 1 1 1 0 1 1 0 2 1 1 0 0 0-1 1 1 1 0 1 1-2 0 1 1 0 0 0-1-1 1 1 0 1 1 0-2 1 1 0 0 0 1-1 1 1 0 0 1 1-1Z\"\n />\n </svg>\n</template>;\n\nexport const LightBulb: TOC<{ Element: SVGElement }> = <template>\n <svg
|
|
1
|
+
{"version":3,"file":"icons.js","sources":["../src/icons.gts"],"sourcesContent":["import type { TOC } from '@ember/component/template-only';\n\n/**\n * Copied from font-awesome directly,\n * but with the addition of fill=\"currentColor\"\n *\n * Font Awesome Free 6.6.0 by @fontawesome\n * - https://fontawesome.com License\n * - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.\n */\nexport const XTwitter: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-xtwitter\" />\n </svg>\n</template>;\n\nexport const Discord: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-discord\" />\n </svg>\n</template>;\n\nexport const Threads: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-threads\" />\n </svg>\n</template>;\n\nexport const BlueSky: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-bluesky\" />\n </svg>\n</template>;\n\nexport const Mastodon: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-mastodon\" />\n </svg>\n</template>;\n\nexport const GitHub: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-github\" />\n </svg>\n</template>;\n\nexport const Flask: TOC<{ Element: SVGElement }> = <template>\n <svg\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"1em\"\n viewBox=\"0 0 448 512\"\n ...attributes\n >{{!! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. }}<path\n d=\"M288 0H160 128C110.3 0 96 14.3 96 32s14.3 32 32 32V196.8c0 11.8-3.3 23.5-9.5 33.5L10.3 406.2C3.6 417.2 0 429.7 0 442.6C0 480.9 31.1 512 69.4 512H378.6c38.3 0 69.4-31.1 69.4-69.4c0-12.8-3.6-25.4-10.3-36.4L329.5 230.4c-6.2-10.1-9.5-21.7-9.5-33.5V64c17.7 0 32-14.3 32-32s-14.3-32-32-32H288zM192 196.8V64h64V196.8c0 23.7 6.6 46.9 19 67.1L309.5 320h-171L173 263.9c12.4-20.2 19-43.4 19-67.1z\"\n /></svg>\n</template>;\n\nexport const Menu: TOC<{ Element: SVGElement }> = <template>\n <svg\n aria-hidden=\"true\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n ...attributes\n >\n <path d=\"M4 7h16M4 12h16M4 17h16\" />\n </svg>\n</template>;\n\nexport const Sun: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" viewBox=\"0 0 16 16\" ...attributes>\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7 1a1 1 0 0 1 2 0v1a1 1 0 1 1-2 0V1Zm4 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm2.657-5.657a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm-1.415 11.313-.707-.707a1 1 0 0 1 1.415-1.415l.707.708a1 1 0 0 1-1.415 1.414ZM16 7.999a1 1 0 0 0-1-1h-1a1 1 0 1 0 0 2h1a1 1 0 0 0 1-1ZM7 14a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1Zm-2.536-2.464a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm0-8.486A1 1 0 0 1 3.05 4.464l-.707-.707a1 1 0 0 1 1.414-1.414l.707.707ZM3 8a1 1 0 0 0-1-1H1a1 1 0 0 0 0 2h1a1 1 0 0 0 1-1Z\"\n />\n </svg>\n</template>;\n\nexport const Moon: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" viewBox=\"0 0 16 16\" ...attributes>\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7.23 3.333C7.757 2.905 7.68 2 7 2a6 6 0 1 0 0 12c.68 0 .758-.905.23-1.332A5.989 5.989 0 0 1 5 8c0-1.885.87-3.568 2.23-4.668ZM12 5a1 1 0 0 1 1 1 1 1 0 0 0 1 1 1 1 0 1 1 0 2 1 1 0 0 0-1 1 1 1 0 1 1-2 0 1 1 0 0 0-1-1 1 1 0 1 1 0-2 1 1 0 0 0 1-1 1 1 0 0 1 1-1Z\"\n />\n </svg>\n</template>;\n\nexport const LightBulb: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" viewBox=\"0 0 32 32\" fill=\"none\" class=\"lightbulb-icon\" ...attributes>\n <defs>\n <radialGradient\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n id=\":S6:-gradient\"\n gradientTransform=\"matrix(0 21 -21 0 20 11)\"\n >\n <stop stop-color=\"#0EA5E9\"></stop><stop stop-color=\"#22D3EE\" offset=\".527\"></stop>\n <stop stop-color=\"#818CF8\" offset=\"1\"></stop>\n </radialGradient>\n <radialGradient\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n id=\":S6:-gradient-dark\"\n gradientTransform=\"matrix(0 24.5001 -19.2498 0 16 5.5)\"\n >\n <stop stop-color=\"#0EA5E9\"></stop><stop stop-color=\"#22D3EE\" offset=\".527\"></stop>\n <stop stop-color=\"#818CF8\" offset=\"1\"></stop>\n </radialGradient></defs>\n <g class=\"lightbulb-light\">\n <circle cx=\"20\" cy=\"20\" r=\"12\" fill=\"url(#:S6:-gradient)\"></circle>\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M20 24.995c0-1.855 1.094-3.501 2.427-4.792C24.61 18.087 26 15.07 26 12.231 26 7.133 21.523 3 16 3S6 7.133 6 12.23c0 2.84 1.389 5.857 3.573 7.973C10.906 21.494 12 23.14 12 24.995V27a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2.005Z\"\n class=\"icon-bg-fill\"\n fill-opacity=\"0.5\"\n ></path>\n <path\n d=\"M25 12.23c0 2.536-1.254 5.303-3.269 7.255l1.391 1.436c2.354-2.28 3.878-5.547 3.878-8.69h-2ZM16 4c5.047 0 9 3.759 9 8.23h2C27 6.508 21.998 2 16 2v2Zm-9 8.23C7 7.76 10.953 4 16 4V2C10.002 2 5 6.507 5 12.23h2Zm3.269 7.255C8.254 17.533 7 14.766 7 12.23H5c0 3.143 1.523 6.41 3.877 8.69l1.392-1.436ZM13 27v-2.005h-2V27h2Zm1 1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3v-2Zm4 0h-4v2h4v-2Zm1-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2Zm0-2.005V27h2v-2.005h-2ZM8.877 20.921C10.132 22.136 11 23.538 11 24.995h2c0-2.253-1.32-4.143-2.731-5.51L8.877 20.92Zm12.854-1.436C20.32 20.852 19 22.742 19 24.995h2c0-1.457.869-2.859 2.122-4.074l-1.391-1.436Z\"\n class=\"icon-fg-fill\"\n ></path>\n <path\n d=\"M20 26a1 1 0 1 0 0-2v2Zm-8-2a1 1 0 1 0 0 2v-2Zm2 0h-2v2h2v-2Zm1 1V13.5h-2V25h2Zm-5-11.5v1h2v-1h-2Zm3.5 4.5h5v-2h-5v2Zm8.5-3.5v-1h-2v1h2ZM20 24h-2v2h2v-2Zm-2 0h-4v2h4v-2Zm-1-10.5V25h2V13.5h-2Zm2.5-2.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2ZM18.5 18a3.5 3.5 0 0 0 3.5-3.5h-2a1.5 1.5 0 0 1-1.5 1.5v2ZM10 14.5a3.5 3.5 0 0 0 3.5 3.5v-2a1.5 1.5 0 0 1-1.5-1.5h-2Zm2.5-3.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2Z\"\n class=\"icon-fg-fill\"\n ></path>\n </g>\n <g class=\"lightbulb-dark\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M16 2C10.002 2 5 6.507 5 12.23c0 3.144 1.523 6.411 3.877 8.691.75.727 1.363 1.52 1.734 2.353.185.415.574.726 1.028.726H12a1 1 0 0 0 1-1v-4.5a.5.5 0 0 0-.5-.5A3.5 3.5 0 0 1 9 14.5V14a3 3 0 1 1 6 0v9a1 1 0 1 0 2 0v-9a3 3 0 1 1 6 0v.5a3.5 3.5 0 0 1-3.5 3.5.5.5 0 0 0-.5.5V23a1 1 0 0 0 1 1h.36c.455 0 .844-.311 1.03-.726.37-.833.982-1.626 1.732-2.353 2.354-2.28 3.878-5.547 3.878-8.69C27 6.507 21.998 2 16 2Zm5 25a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1 3 3 0 0 0 3 3h4a3 3 0 0 0 3-3Zm-8-13v1.5a.5.5 0 0 1-.5.5 1.5 1.5 0 0 1-1.5-1.5V14a1 1 0 1 1 2 0Zm6.5 2a.5.5 0 0 1-.5-.5V14a1 1 0 1 1 2 0v.5a1.5 1.5 0 0 1-1.5 1.5Z\"\n fill=\"url(#:S6:-gradient-dark)\"\n ></path>\n </g>\n </svg>\n</template>;\n"],"names":["XTwitter","setComponentTemplate","precompileTemplate","strictMode","templateOnly","Discord","Threads","BlueSky","Mastodon","GitHub","Flask","Menu","Sun","Moon","LightBulb"],"mappings":";;;;AAEA;;;;;;;;MAQaA,QAAyC,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,6FAAA,EAItD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGC,OAAwC,GAAAJ,oBAAA,CAAAC,kBAAA,CAAA,4FAAA,EAIrD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGE,OAAwC,GAAAL,oBAAA,CAAAC,kBAAA,CAAA,4FAAA,EAIrD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGG,OAAwC,GAAAN,oBAAA,CAAAC,kBAAA,CAAA,4FAAA,EAIrD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGI,QAAyC,GAAAP,oBAAA,CAAAC,kBAAA,CAAA,6FAAA,EAItD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGK,MAAuC,GAAAR,oBAAA,CAAAC,kBAAA,CAAA,2FAAA,EAIpD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGM,KAAsC,GAAAT,oBAAA,CAAAC,kBAAA,CAAA,wrBAAA,EAUnD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGO,IAAqC,GAAAV,oBAAA,CAAAC,kBAAA,CAAA,4KAAA,EAWlD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGQ,GAAoC,GAAAX,oBAAA,CAAAC,kBAAA,CAAA,6qBAAA,EAQjD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGS,IAAqC,GAAAZ,oBAAA,CAAAC,kBAAA,CAAA,wYAAA,EAQlD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGU,SAA0C,GAAAb,oBAAA,CAAAC,kBAAA,CAAA,wpGAAA,EAoDvD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
|
package/dist/index.js
CHANGED
|
@@ -5,6 +5,7 @@ import "./site-css/components.css"
|
|
|
5
5
|
import "./site-css/featured-demo.css"
|
|
6
6
|
import "./site-css/shiki.css"
|
|
7
7
|
import "./site-css/shell.css"
|
|
8
|
+
import "./site-css/prose.css"
|
|
8
9
|
import { precompileTemplate } from '@ember/template-compilation';
|
|
9
10
|
import { setComponentTemplate } from '@ember/component';
|
|
10
11
|
import templateOnly from '@ember/component/template-only';
|
|
@@ -26,74 +27,24 @@ import { colorScheme } from 'ember-primitives/color-scheme';
|
|
|
26
27
|
import { Hero } from 'ember-primitives/layout/hero';
|
|
27
28
|
import 'ember-mobile-menu/themes/android';
|
|
28
29
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
*/
|
|
32
|
-
const proseClasses = `
|
|
33
|
-
prose prose-slate max-w-none
|
|
34
|
-
dark:prose-invert dark:text-slate-400
|
|
35
|
-
prose-th:table-cell
|
|
36
|
-
prose-headings:inline-block
|
|
37
|
-
prose-headings:scroll-mt-28
|
|
38
|
-
prose-headings:font-display
|
|
39
|
-
prose-headings:font-normal
|
|
40
|
-
lg:prose-headings:scroll-mt-[8.5rem]
|
|
41
|
-
prose-h1:text-3xl
|
|
42
|
-
|
|
43
|
-
prose-lead:text-slate-500
|
|
44
|
-
dark:prose-lead:text-slate-400
|
|
45
|
-
|
|
46
|
-
prose-a:font-semibold
|
|
47
|
-
dark:prose-a:text-sky-400
|
|
48
|
-
prose-a:no-underline
|
|
49
|
-
prose-a:shadow-[inset_0_-2px_0_0_var(--tw-prose-background,#fff),inset_0_calc(-1*(var(--tw-prose-underline-size,2px)+2px))_0_0_var(--tw-prose-underline,theme(colors.sky.300))]
|
|
50
|
-
hover:prose-a:[--tw-prose-underline-size:3px]
|
|
51
|
-
dark:[--tw-prose-background:theme(colors.slate.900)]
|
|
52
|
-
dark:prose-a:shadow-[inset_0_calc(-1*var(--tw-prose-underline-size,2px))_0_0_var(--tw-prose-underline,theme(colors.sky.800))]
|
|
53
|
-
dark:hover:prose-a:[--tw-prose-underline-size:6px]
|
|
54
|
-
prose-pre:rounded-xl prose-pre:bg-slate-900
|
|
55
|
-
prose-pre:shadow-lg
|
|
56
|
-
dark:prose-pre:bg-slate-800/60
|
|
57
|
-
dark:prose-pre:shadow-none
|
|
58
|
-
dark:prose-pre:ring-1
|
|
59
|
-
dark:prose-pre:ring-slate-300/10
|
|
60
|
-
dark:prose-hr:border-slate-800
|
|
61
|
-
dark:prose-code:text-slate-50
|
|
62
|
-
`;
|
|
63
|
-
const Article = setComponentTemplate(precompileTemplate("<article class={{proseClasses}} ...attributes>\n {{yield}}\n</article>", {
|
|
64
|
-
strictMode: true,
|
|
65
|
-
scope: () => ({
|
|
66
|
-
proseClasses
|
|
67
|
-
})
|
|
30
|
+
const Article = setComponentTemplate(precompileTemplate("<article class=\"prose\" ...attributes>\n {{yield}}\n</article>", {
|
|
31
|
+
strictMode: true
|
|
68
32
|
}), templateOnly());
|
|
69
33
|
|
|
70
|
-
const Callout = setComponentTemplate(precompileTemplate("<div class=\"
|
|
34
|
+
const Callout = setComponentTemplate(precompileTemplate("<div class=\"callout\">\n <LightBulb class=\"callout__icon\" />\n <div class=\"callout__body\">\n <div class=\"callout__content\">\n {{yield}}\n </div>\n </div>\n</div>\n\n<style scoped>\n .callout {\n display: flex;\n padding: 1.5rem;\n margin-top: 2rem;\n margin-bottom: 2rem;\n border-radius: 1.5rem;\n background-color: #f0f9ff;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .callout {\n background-color: rgb(30 41 59 / 0.6);\n outline: 1px solid rgb(203 213 225 / 0.1);\n }\n\n .callout__icon {\n flex: none;\n width: 2rem;\n height: 2rem;\n }\n\n .callout__body {\n flex: 1 1 auto;\n min-width: 0;\n margin-left: 1rem;\n }\n\n .callout__content {\n color: #075985;\n }\n\n .callout__content > *:first-child {\n margin-top: 0;\n }\n\n .callout__content > *:last-child {\n margin-bottom: 0;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .callout__content {\n color: #f8fafc;\n }\n</style>", {
|
|
71
35
|
strictMode: true,
|
|
72
36
|
scope: () => ({
|
|
73
37
|
LightBulb
|
|
74
38
|
})
|
|
75
39
|
}), templateOnly());
|
|
76
40
|
|
|
77
|
-
const
|
|
78
|
-
|
|
79
|
-
dark:text-sky-400
|
|
80
|
-
no-underline shadow-[inset_0_-2px_0_0_var(--tw-prose-background,#fff),inset_0_calc(-1*(var(--tw-prose-underline-size,4px)+2px))_0_0_var(--tw-prose-underline,theme(colors.sky.300))]
|
|
81
|
-
hover:[--tw-prose-underline-size:6px]
|
|
82
|
-
dark:[--tw-prose-background:theme(colors.slate.900)]
|
|
83
|
-
dark:shadow-[inset_0_calc(-1*var(--tw-prose-underline-size,2px))_0_0_var(--tw-prose-underline,theme(colors.sky.800))]
|
|
84
|
-
dark:hover:[--tw-prose-underline-size:6px]
|
|
85
|
-
`;
|
|
86
|
-
const InternalLink = setComponentTemplate(precompileTemplate("<a class={{linkClasses}} href=\"#\" ...attributes>\n {{yield}}\n</a>", {
|
|
87
|
-
strictMode: true,
|
|
88
|
-
scope: () => ({
|
|
89
|
-
linkClasses
|
|
90
|
-
})
|
|
41
|
+
const InternalLink = setComponentTemplate(precompileTemplate("<a class=\"styled-link\" href=\"#\" ...attributes>\n {{yield}}\n</a>", {
|
|
42
|
+
strictMode: true
|
|
91
43
|
}), templateOnly());
|
|
92
|
-
const Link = setComponentTemplate(precompileTemplate("<ExternalLink class
|
|
44
|
+
const Link = setComponentTemplate(precompileTemplate("<ExternalLink class=\"styled-link\" ...attributes>\n {{yield}}\n</ExternalLink>", {
|
|
93
45
|
strictMode: true,
|
|
94
46
|
scope: () => ({
|
|
95
|
-
ExternalLink
|
|
96
|
-
linkClasses
|
|
47
|
+
ExternalLink
|
|
97
48
|
})
|
|
98
49
|
}), templateOnly());
|
|
99
50
|
|
|
@@ -130,7 +81,7 @@ const asComponent = str => {
|
|
|
130
81
|
return `<${str.split('.')[0]?.replaceAll(' ', '')} />`;
|
|
131
82
|
};
|
|
132
83
|
const isComponents = str => str === 'components';
|
|
133
|
-
const SectionLink = setComponentTemplate(precompileTemplate("{{#let (link @href) as |l|}}\n <a href={{@href}} class=\"
|
|
84
|
+
const SectionLink = setComponentTemplate(precompileTemplate("{{#let (link @href) as |l|}}\n <a href={{@href}} class=\"section-link {{if l.isActive \"is-active\"}}\" {{on \"click\" l.handleClick}} ...attributes>\n {{#if (isComponents @name)}}\n {{asComponent (titleize @name)}}\n {{else}}\n {{titleize @name}}\n {{/if}}\n </a>\n{{/let}}", {
|
|
134
85
|
strictMode: true,
|
|
135
86
|
scope: () => ({
|
|
136
87
|
link,
|
|
@@ -140,7 +91,7 @@ const SectionLink = setComponentTemplate(precompileTemplate("{{#let (link @href)
|
|
|
140
91
|
titleize
|
|
141
92
|
})
|
|
142
93
|
}), templateOnly());
|
|
143
|
-
const SubSectionLink = setComponentTemplate(precompileTemplate("{{#let (link @href) as |l|}}\n <a href={{@href}} class=\"
|
|
94
|
+
const SubSectionLink = setComponentTemplate(precompileTemplate("{{#let (link @href) as |l|}}\n <a href={{@href}} class=\"subsection-link {{if l.isActive \"is-active\"}}\" {{on \"click\" l.handleClick}} ...attributes>\n {{#if (isComponents @name)}}\n {{asComponent (titleize @name)}}\n {{else}}\n {{titleize @name}}\n {{/if}}\n </a>\n{{/let}}", {
|
|
144
95
|
strictMode: true,
|
|
145
96
|
scope: () => ({
|
|
146
97
|
link,
|
|
@@ -175,7 +126,7 @@ class SideNav extends Component {
|
|
|
175
126
|
* The links themselves remain the actual interactive elements.
|
|
176
127
|
*/
|
|
177
128
|
static {
|
|
178
|
-
setComponentTemplate(precompileTemplate("<aside class=\"
|
|
129
|
+
setComponentTemplate(precompileTemplate("<aside class=\"side-nav\" ...attributes>\n <PageNav aria-label=\"Main Navigation\">\n <:page as |x|>\n <SubSectionLink @href={{joinUrl this.rootUrl x.page.path}} @name={{nameFor x.page}} {{on \"click\" this.closeNav}} />\n </:page>\n\n <:collection as |x|>\n {{#if x.index}}\n <SectionLink @href={{joinUrl this.rootUrl x.index.page.path}} @name={{titleize x.collection.name}} {{on \"click\" this.closeNav}} />\n {{else}}\n <h2>\n {{titleize x.collection.name}}\n </h2>\n {{/if}}\n </:collection>\n </PageNav>\n</aside>\n\n<style scoped>\n .side-nav {\n background-color: white;\n }\n\n .side-nav ul {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n .side-nav h2 {\n font-size: 1rem;\n font-weight: 500;\n font-family: var(--font-display, \"Helvetica\", \"Arial\", sans-serif);\n color: #0f172a;\n margin: 0;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .side-nav h2 {\n color: white;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .side-nav {\n background-color: #02020e;\n }\n\n .section-link {\n font-weight: 500;\n font-family: var(--font-display, \"Helvetica\", \"Arial\", sans-serif);\n color: #0f172a;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .section-link {\n color: white;\n }\n\n .section-link:hover {\n color: #475569;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .section-link:hover {\n color: #cbd5e1;\n }\n\n .section-link.is-active {\n color: #0ea5e9;\n }\n\n .subsection-link {\n display: block;\n width: 100%;\n position: relative;\n color: #64748b;\n }\n\n .subsection-link::before {\n content: \"\";\n pointer-events: none;\n position: absolute;\n left: -0.25rem;\n top: 50%;\n height: 0.375rem;\n width: 0.375rem;\n transform: translateY(-50%);\n border-radius: 9999px;\n background-color: #cbd5e1;\n display: none;\n }\n\n .subsection-link:hover {\n color: #475569;\n }\n\n .subsection-link:hover::before {\n display: block;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .subsection-link {\n color: #94a3b8;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .subsection-link::before {\n background-color: #334155;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .subsection-link:hover {\n color: #cbd5e1;\n }\n\n .subsection-link.is-active {\n font-weight: 600;\n color: #0ea5e9;\n }\n</style>", {
|
|
179
130
|
strictMode: true,
|
|
180
131
|
scope: () => ({
|
|
181
132
|
PageNav,
|
|
@@ -192,13 +143,13 @@ class SideNav extends Component {
|
|
|
192
143
|
|
|
193
144
|
// @ts-expect-error - no types are provided for ember-mobile-menu
|
|
194
145
|
|
|
195
|
-
const Toggle = setComponentTemplate(precompileTemplate("<@toggle>\n <Menu
|
|
146
|
+
const Toggle = setComponentTemplate(precompileTemplate("<@toggle>\n <Menu style=\"width: 1.5rem; height: 1.5rem; stroke: #64748b;\" />\n</@toggle>", {
|
|
196
147
|
strictMode: true,
|
|
197
148
|
scope: () => ({
|
|
198
149
|
Menu
|
|
199
150
|
})
|
|
200
151
|
}), templateOnly());
|
|
201
|
-
const ResponsiveMenuLayout = setComponentTemplate(precompileTemplate("<MenuWrapper as |mmw|>\n <mmw.MobileMenu @mode=\"push\" @maxWidth={{300}} as |mm|>\n <SideNav @onClick={{mm.actions.close}} />\n </mmw.MobileMenu>\n\n <mmw.Content>\n {{yield (component Toggle toggle=mmw.Toggle) to=\"header\"}}\n\n <div class=\"outer-content\">\n <SideNav />\n\n <main class=\"
|
|
152
|
+
const ResponsiveMenuLayout = setComponentTemplate(precompileTemplate("<MenuWrapper as |mmw|>\n <mmw.MobileMenu @mode=\"push\" @maxWidth={{300}} as |mm|>\n <SideNav @onClick={{mm.actions.close}} />\n </mmw.MobileMenu>\n\n <mmw.Content>\n {{yield (component Toggle toggle=mmw.Toggle) to=\"header\"}}\n\n <div class=\"outer-content\">\n <SideNav />\n\n <main class=\"page-main\">\n {{yield to=\"content\"}}\n </main>\n </div>\n </mmw.Content>\n</MenuWrapper>\n\n<style scoped>\n .page-main {\n position: relative;\n display: grid;\n justify-content: center;\n flex: 1 1 auto;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n max-width: 88rem;\n }\n</style>", {
|
|
202
153
|
strictMode: true,
|
|
203
154
|
scope: () => ({
|
|
204
155
|
MenuWrapper,
|
|
@@ -219,7 +170,7 @@ function toggleTheme() {
|
|
|
219
170
|
function isDark() {
|
|
220
171
|
return colorScheme.current === 'dark';
|
|
221
172
|
}
|
|
222
|
-
const ThemeToggle = setComponentTemplate(precompileTemplate("<Switch class=\"site-theme-toggle\" as |s|>\n <s.Control name=\"color-scheme\" checked={{(isDark)}} {{on \"change\" toggleTheme}} />\n <s.Label>\n <span class=\"sr-only\">Toggle between light and dark mode</span>\n {{!--\n \uD83C\uDFB5 It's raining, it's pouring, ... \uD83C\uDFB5\n https://www.youtube.com/watch?v=ll5ykbAumD4\n --}}\n <Moon
|
|
173
|
+
const ThemeToggle = setComponentTemplate(precompileTemplate("<Switch class=\"site-theme-toggle\" as |s|>\n <s.Control name=\"color-scheme\" checked={{(isDark)}} {{on \"change\" toggleTheme}} />\n <s.Label>\n <span class=\"sr-only\">Toggle between light and dark mode</span>\n {{!--\n \uD83C\uDFB5 It's raining, it's pouring, ... \uD83C\uDFB5\n https://www.youtube.com/watch?v=ll5ykbAumD4\n --}}\n <Moon style=\"fill: #38bdf8;\" />\n <Sun style=\"fill: #facc15;\" />\n <span class=\"ball\"></span>\n </s.Label>\n</Switch>", {
|
|
223
174
|
strictMode: true,
|
|
224
175
|
scope: () => ({
|
|
225
176
|
Switch,
|
|
@@ -262,7 +213,7 @@ const PageError = setComponentTemplate(precompileTemplate("<div class=\"error\"
|
|
|
262
213
|
hasReason
|
|
263
214
|
})
|
|
264
215
|
}), templateOnly());
|
|
265
|
-
const PageLayout = setComponentTemplate(precompileTemplate("<ResponsiveMenuLayout>\n <:header as |Toggle|>\n <header class=\"
|
|
216
|
+
const PageLayout = setComponentTemplate(precompileTemplate("<ResponsiveMenuLayout>\n <:header as |Toggle|>\n <header class=\"page-header {{if isScrolled.current \"is-scrolled\"}}\" {{onWindowScroll}}>\n <div class=\"outer-content page-header__inner\">\n <div class=\"page-header__toggle\">\n <Toggle />\n </div>\n <div class=\"page-header__logo\">\n <a href=\"/\" aria-label=\"Home page\">\n {{yield to=\"logoLink\"}}\n </a>\n </div>\n <TopRight>\n {{yield to=\"topRight\"}}\n </TopRight>\n </div>\n </header>\n </:header>\n <:content>\n <section data-main-scroll-container class=\"page-content\">\n <Article>\n <Page>\n <:pending>\n <PageLoader>\n Loading, Compiling, etc\n </PageLoader>\n </:pending>\n\n <:error as |error|>\n <section>\n {{yield error to=\"error\"}}\n </section>\n </:error>\n\n <:success as |prose|>\n <prose />\n {{(removeLoader)}}\n {{resetScroll prose}}\n </:success>\n </Page>\n </Article>\n\n {{#if (has-block \"editLink\")}}\n\n <div class=\"edit-link-container\">\n\n {{yield EditLink to=\"editLink\"}}\n </div>\n {{/if}}\n </section>\n </:content>\n\n</ResponsiveMenuLayout>\n\n<style scoped>\n .page-header {\n position: sticky;\n top: 0;\n z-index: 50;\n transition: all 0.5s;\n box-shadow: 0 4px 6px -1px rgb(15 23 42 / 0.05);\n background-color: rgb(255 255 255 / 0.95);\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .page-header {\n box-shadow: none;\n background-color: rgb(2 2 14 / 0.95);\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .page-header.is-scrolled {\n backdrop-filter: blur(12px);\n }\n\n @supports (backdrop-filter: blur(0)) {\n :is(html[style*=\"color-scheme: dark\"]) .page-header.is-scrolled {\n background-color: rgb(2 2 14 / 0.75);\n }\n }\n\n .page-header__inner {\n display: flex;\n flex: none;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding-top: 1rem;\n padding-bottom: 1rem;\n }\n\n .page-header__toggle {\n display: flex;\n margin-right: 1.5rem;\n }\n\n @media (min-width: 1024px) {\n .page-header__toggle {\n display: none;\n }\n }\n\n .page-header__logo {\n position: relative;\n display: flex;\n align-items: center;\n flex-grow: 1;\n flex-basis: 0;\n }\n\n .page-content {\n flex: 1 1 auto;\n max-width: 42rem;\n min-width: 0;\n padding-top: 1rem;\n padding-bottom: 1rem;\n }\n\n @media (min-width: 1024px) {\n .page-content {\n max-width: none;\n }\n }\n\n .edit-link-container {\n display: flex;\n justify-content: flex-end;\n padding-top: 1.5rem;\n margin-top: 3rem;\n border-top: 1px solid #e2e8f0;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .edit-link-container {\n border-color: #1e293b;\n }\n</style>", {
|
|
266
217
|
strictMode: true,
|
|
267
218
|
scope: () => ({
|
|
268
219
|
ResponsiveMenuLayout,
|
|
@@ -277,33 +228,33 @@ const PageLayout = setComponentTemplate(precompileTemplate("<ResponsiveMenuLayou
|
|
|
277
228
|
EditLink
|
|
278
229
|
})
|
|
279
230
|
}), templateOnly());
|
|
280
|
-
const EditLink = setComponentTemplate(precompileTemplate("<Link class=\"edit-page flex
|
|
231
|
+
const EditLink = setComponentTemplate(precompileTemplate("<Link class=\"edit-page\" style=\"display: flex;\" href={{@href}}>\n {{yield}}\n</Link>", {
|
|
281
232
|
strictMode: true,
|
|
282
233
|
scope: () => ({
|
|
283
234
|
Link
|
|
284
235
|
})
|
|
285
236
|
}), templateOnly());
|
|
286
|
-
const TopRight = setComponentTemplate(precompileTemplate("<div class=\"relative flex
|
|
237
|
+
const TopRight = setComponentTemplate(precompileTemplate("<div class=\"top-right\">\n <ThemeToggle />\n {{yield}}\n</div>\n\n<style scoped>\n .top-right {\n position: relative;\n display: flex;\n justify-content: flex-end;\n gap: 1.5rem;\n flex-basis: 0;\n }\n\n @media (min-width: 640px) {\n .top-right {\n gap: 2rem;\n }\n }\n\n @media (min-width: 768px) {\n .top-right {\n flex-grow: 1;\n }\n }\n</style>", {
|
|
287
238
|
strictMode: true,
|
|
288
239
|
scope: () => ({
|
|
289
240
|
ThemeToggle
|
|
290
241
|
})
|
|
291
242
|
}), templateOnly());
|
|
292
243
|
|
|
293
|
-
const OopsError = setComponentTemplate(precompileTemplate("<div data-page-error class=\"
|
|
244
|
+
const OopsError = setComponentTemplate(precompileTemplate("<div data-page-error class=\"adaptive-text\" style=\"border: 1px solid red; padding: 1rem; word-break: break-all;\">\n <h1>Oops!</h1><br />\n <PageError @error={{@error}} />\n\n <br />\n <br />\n {{yield}}\n</div>\n\n<style scoped>\n .adaptive-text {\n color: #0f172a;\n }\n :is(html[style*=\"color-scheme: dark\"]) .adaptive-text {\n color: white;\n }\n</style>", {
|
|
294
245
|
strictMode: true,
|
|
295
246
|
scope: () => ({
|
|
296
247
|
PageError
|
|
297
248
|
})
|
|
298
249
|
}), templateOnly());
|
|
299
250
|
|
|
300
|
-
const H2 = setComponentTemplate(precompileTemplate("<h2
|
|
251
|
+
const H2 = setComponentTemplate(precompileTemplate("<h2 style=\"font-size: 1.875rem; line-height: 2.25rem;\">{{yield}}</h2>", {
|
|
301
252
|
strictMode: true
|
|
302
253
|
}), templateOnly());
|
|
303
254
|
|
|
304
255
|
;
|
|
305
256
|
|
|
306
|
-
const IndexPage = setComponentTemplate(precompileTemplate("<Hero class=\"
|
|
257
|
+
const IndexPage = setComponentTemplate(precompileTemplate("<Hero class=\"index-hero gradient-background\">\n <header class=\"index-hero__header\">\n {{yield to=\"header\"}}\n </header>\n\n <div class=\"index-hero__body\">\n <div style=\"width: 66%; margin: 0 auto; transform: translateY(-20%);\" class=\"index-hero__grid\">\n <h1 style=\"filter: drop-shadow(3px 5px 0px rgba(0, 0, 0, 0.4));\">\n {{yield to=\"logo\"}}\n </h1>\n <p class=\"index-hero__tagline\">\n {{yield to=\"tagline\"}}\n </p>\n </div>\n {{yield to=\"callToAction\"}}\n </div>\n</Hero>\n\n{{yield to=\"content\"}}\n\n<hr />\n<footer style=\"padding: 3rem; width: 66%;\" class=\"index-footer\">\n {{yield to=\"footer\"}}\n</footer>\n\n<style scoped>\n .index-hero {\n box-shadow: 0 10px 15px -3px rgb(15 23 42 / 0.05);\n }\n\n .index-hero__header {\n position: absolute;\n right: 0;\n bottom: 0;\n z-index: 50;\n padding: 1rem;\n display: flex;\n align-items: center;\n }\n\n @media (min-width: 768px) {\n .index-hero__header {\n position: sticky;\n top: 0;\n }\n }\n\n .index-hero__body {\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: 2rem;\n justify-content: center;\n align-items: center;\n }\n\n .index-hero__grid {\n display: grid;\n gap: 1rem;\n }\n\n .index-hero__tagline {\n font-style: italic;\n color: white;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (min-width: 768px) {\n .index-hero__tagline {\n width: 50%;\n }\n }\n\n .index-footer {\n margin-left: auto;\n margin-right: auto;\n gap: 3rem;\n flex-wrap: wrap;\n display: flex;\n justify-content: space-between;\n }\n</style>", {
|
|
307
258
|
strictMode: true,
|
|
308
259
|
scope: () => ({
|
|
309
260
|
Hero
|
|
@@ -320,6 +271,8 @@ const IndexPage = setComponentTemplate(precompileTemplate("<Hero class=\"shadow-
|
|
|
320
271
|
|
|
321
272
|
;
|
|
322
273
|
|
|
274
|
+
;
|
|
275
|
+
|
|
323
276
|
const Shell = setComponentTemplate(precompileTemplate("{{(syncBodyClass)}}\n{{yield}}", {
|
|
324
277
|
strictMode: true,
|
|
325
278
|
scope: () => ({
|
|
@@ -340,7 +293,7 @@ function syncBodyClass() {
|
|
|
340
293
|
}
|
|
341
294
|
}
|
|
342
295
|
|
|
343
|
-
const Text = setComponentTemplate(precompileTemplate("<span class=\"
|
|
296
|
+
const Text = setComponentTemplate(precompileTemplate("<span class=\"adaptive-text\">{{yield}}</span>\n\n<style scoped>\n .adaptive-text {\n color: #0f172a;\n }\n :is(html[style*=\"color-scheme: dark\"]) .adaptive-text {\n color: white;\n }\n</style>", {
|
|
344
297
|
strictMode: true
|
|
345
298
|
}), templateOnly());
|
|
346
299
|
|
|
@@ -1,22 +1,103 @@
|
|
|
1
|
+
/* Lightbulb icon (callout) */
|
|
2
|
+
.lightbulb-icon {
|
|
3
|
+
--icon-foreground: #0f172a;
|
|
4
|
+
--icon-background: white;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.icon-bg-fill {
|
|
8
|
+
fill: var(--icon-background);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.icon-fg-fill {
|
|
12
|
+
fill: var(--icon-foreground);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.lightbulb-light {
|
|
16
|
+
display: block;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.lightbulb-dark {
|
|
20
|
+
display: none;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
:is(html[style*="color-scheme: dark"]) .lightbulb-light {
|
|
24
|
+
display: none;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
:is(html[style*="color-scheme: dark"]) .lightbulb-dark {
|
|
28
|
+
display: inline;
|
|
29
|
+
}
|
|
30
|
+
|
|
1
31
|
.edit-page:after {
|
|
2
32
|
content: "➚";
|
|
3
|
-
|
|
33
|
+
padding-left: 0.25rem;
|
|
4
34
|
}
|
|
5
35
|
|
|
6
36
|
.prose details {
|
|
7
|
-
|
|
37
|
+
padding-left: 1.5rem;
|
|
38
|
+
padding-right: 1.5rem;
|
|
39
|
+
padding-top: 0.75rem;
|
|
40
|
+
padding-bottom: 0.75rem;
|
|
41
|
+
margin-bottom: 1.5rem;
|
|
42
|
+
margin-top: 0;
|
|
43
|
+
border: 1px solid #e2e8f0;
|
|
44
|
+
border-radius: 0.75rem;
|
|
45
|
+
|
|
46
|
+
:is(html[style*="color-scheme: dark"]) & {
|
|
47
|
+
border-color: #1e293b;
|
|
48
|
+
}
|
|
8
49
|
}
|
|
9
50
|
|
|
10
51
|
.prose summary {
|
|
11
|
-
|
|
52
|
+
font-weight: 500;
|
|
53
|
+
cursor: default;
|
|
54
|
+
user-select: none;
|
|
55
|
+
color: #0f172a;
|
|
56
|
+
|
|
57
|
+
:is(html[style*="color-scheme: dark"]) & {
|
|
58
|
+
color: #e2e8f0;
|
|
59
|
+
}
|
|
12
60
|
}
|
|
13
61
|
|
|
14
62
|
.prose summary h1,
|
|
15
63
|
.prose summary h2,
|
|
16
64
|
.prose summary h3 {
|
|
17
|
-
|
|
65
|
+
display: inline;
|
|
66
|
+
margin: 0;
|
|
18
67
|
}
|
|
19
68
|
|
|
20
69
|
.prose pre {
|
|
21
70
|
max-height: 520px;
|
|
22
71
|
}
|
|
72
|
+
|
|
73
|
+
/* Styled links used in Links component */
|
|
74
|
+
.styled-link {
|
|
75
|
+
--link-prose-background: #fff;
|
|
76
|
+
--link-prose-underline: #7dd3fc;
|
|
77
|
+
--link-prose-underline-size: 4px;
|
|
78
|
+
|
|
79
|
+
font-size: 0.875rem;
|
|
80
|
+
line-height: 1.25rem;
|
|
81
|
+
font-weight: 600;
|
|
82
|
+
text-decoration: none;
|
|
83
|
+
box-shadow:
|
|
84
|
+
inset 0 -2px 0 0 var(--link-prose-background),
|
|
85
|
+
inset 0 calc(-1 * (var(--link-prose-underline-size) + 2px)) 0 0 var(--link-prose-underline);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.styled-link:hover {
|
|
89
|
+
--link-prose-underline-size: 6px;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
:is(html[style*="color-scheme: dark"]) .styled-link {
|
|
93
|
+
--link-prose-background: #0f172a;
|
|
94
|
+
--link-prose-underline: #075985;
|
|
95
|
+
|
|
96
|
+
color: #38bdf8;
|
|
97
|
+
box-shadow: inset 0 calc(-1 * var(--link-prose-underline-size, 2px)) 0 0
|
|
98
|
+
var(--link-prose-underline);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
:is(html[style*="color-scheme: dark"]) .styled-link:hover {
|
|
102
|
+
--link-prose-underline-size: 6px;
|
|
103
|
+
}
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
.featured-demo .glimdown-render,
|
|
2
2
|
.featured-demo .repl-sdk__demo {
|
|
3
|
-
|
|
3
|
+
width: 100%;
|
|
4
|
+
max-width: 100%;
|
|
5
|
+
padding: 5rem;
|
|
6
|
+
background: linear-gradient(to right, #7c3aed, #4f46e5);
|
|
7
|
+
border-radius: 0.75rem;
|
|
8
|
+
max-height: 20rem;
|
|
9
|
+
color: #f8fafc;
|
|
4
10
|
}
|
|
5
11
|
|
|
6
12
|
.featured-demo.auto-height .glimdown-render,
|
|
7
13
|
.featured-demo.auto-height .repl-sdk__demo {
|
|
8
|
-
|
|
14
|
+
max-height: none;
|
|
9
15
|
}
|