@pnx-mixtape/mxds 0.0.15 → 0.0.16

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.
Files changed (85) hide show
  1. package/dist/build/accordion.css +113 -1
  2. package/dist/build/accordion.entry.js +83 -1
  3. package/dist/build/accordion.entry.js.map +1 -0
  4. package/dist/build/base.css +1012 -1
  5. package/dist/build/breadcrumb.css +55 -1
  6. package/dist/build/button.css +127 -1
  7. package/dist/build/callout.css +11 -1
  8. package/dist/build/card.css +160 -1
  9. package/dist/build/carousel.css +125 -1
  10. package/dist/build/chunks/Accordion-O-huO4At.js +61 -0
  11. package/dist/build/chunks/Accordion-O-huO4At.js.map +1 -0
  12. package/dist/build/chunks/disclosure-widget-CtNx0f8p.js +124 -0
  13. package/dist/build/chunks/disclosure-widget-CtNx0f8p.js.map +1 -0
  14. package/dist/build/chunks/drop-menu.entry-BEhZ_Je3.js +132 -0
  15. package/dist/build/chunks/drop-menu.entry-BEhZ_Je3.js.map +1 -0
  16. package/dist/build/chunks/keyboard-C73DHu0c.js +101 -0
  17. package/dist/build/chunks/keyboard-C73DHu0c.js.map +1 -0
  18. package/dist/build/chunks/polyfills-DoxMZOqh.js +806 -0
  19. package/dist/build/chunks/polyfills-DoxMZOqh.js.map +1 -0
  20. package/dist/build/chunks/popover-DzUcnIlX.js +797 -0
  21. package/dist/build/chunks/popover-DzUcnIlX.js.map +1 -0
  22. package/dist/build/chunks/utilities-DXELy_An.js +245 -0
  23. package/dist/build/chunks/utilities-DXELy_An.js.map +1 -0
  24. package/dist/build/constants.css +151 -1
  25. package/dist/build/container-grid.css +186 -1
  26. package/dist/build/content-block.css +36 -1
  27. package/dist/build/dialog.css +116 -1
  28. package/dist/build/dialog.entry.js +93 -1
  29. package/dist/build/dialog.entry.js.map +1 -0
  30. package/dist/build/drop-menu.css +89 -1
  31. package/dist/build/drop-menu.entry.js +2 -1
  32. package/dist/build/drop-menu.entry.js.map +1 -0
  33. package/dist/build/drupal.css +70 -1
  34. package/dist/build/filters.css +117 -1
  35. package/dist/build/filters.entry.js +138 -1
  36. package/dist/build/filters.entry.js.map +1 -0
  37. package/dist/build/footer.css +141 -1
  38. package/dist/build/form.css +505 -1
  39. package/dist/build/global-alert.css +60 -1
  40. package/dist/build/global-alert.entry.js +68 -1
  41. package/dist/build/global-alert.entry.js.map +1 -0
  42. package/dist/build/grid.css +201 -1
  43. package/dist/build/header.css +161 -1
  44. package/dist/build/header.entry.js +103 -1
  45. package/dist/build/header.entry.js.map +1 -0
  46. package/dist/build/hero-banner.css +67 -1
  47. package/dist/build/icon.css +399 -1
  48. package/dist/build/in-page-alert.css +93 -1
  49. package/dist/build/in-page-navigation.css +17 -1
  50. package/dist/build/in-page-navigation.entry.js +99 -1
  51. package/dist/build/in-page-navigation.entry.js.map +1 -0
  52. package/dist/build/link-list.css +45 -1
  53. package/dist/build/list-item.css +29 -1
  54. package/dist/build/masthead.css +53 -1
  55. package/dist/build/navigation.css +391 -1
  56. package/dist/build/navigation.entry.js +124 -1
  57. package/dist/build/navigation.entry.js.map +1 -0
  58. package/dist/build/page.css +65 -1
  59. package/dist/build/pagination.css +117 -1
  60. package/dist/build/results-bar.css +21 -1
  61. package/dist/build/section.css +147 -1
  62. package/dist/build/side-navigation.css +85 -1
  63. package/dist/build/sidebar.css +53 -1
  64. package/dist/build/social-links.css +20 -1
  65. package/dist/build/steps.css +118 -1
  66. package/dist/build/sticky.css +47 -1
  67. package/dist/build/sticky.entry.js +60 -1
  68. package/dist/build/sticky.entry.js.map +1 -0
  69. package/dist/build/tabs.css +108 -1
  70. package/dist/build/tabs.entry.js +202 -1
  71. package/dist/build/tabs.entry.js.map +1 -0
  72. package/dist/build/tag.css +70 -1
  73. package/dist/build/utilities.css +178 -1
  74. package/package.json +11 -4
  75. package/src/Component/Carousel/Carousel.stories.ts +1 -1
  76. package/src/Component/DropMenu/drop-menu.css +1 -1
  77. package/src/Layout/Section/Section.stories.ts +2 -1
  78. package/src/Layout/Section/section.twig +3 -1
  79. package/dist/build/chunks/Accordion-RtUfbsTy.js +0 -1
  80. package/dist/build/chunks/disclosure-widget-CPdkUWkq.js +0 -1
  81. package/dist/build/chunks/drop-menu.entry-BqBzLfVC.js +0 -1
  82. package/dist/build/chunks/keyboard-Cs0cduxq.js +0 -1
  83. package/dist/build/chunks/polyfills-5KNOJw2W.js +0 -1
  84. package/dist/build/chunks/popover-CiVl-0jk.js +0 -1
  85. package/dist/build/chunks/utilities-CE6xwgqF.js +0 -2
@@ -1 +1,117 @@
1
- @layer design-system.components{.mx-pagination{margin-inline:0;padding:0}.mx-pagination button{padding:0;padding:initial;background:transparent;cursor:pointer}.mx-pagination :is(a,button,[aria-current=page],[aria-current=step]){text-decoration-line:none;color:var( --pagination-foreground, var(--foreground, var(--colour-foreground)) );display:flex;block-size:var(--spacing-l);line-height:var(--spacing-l);padding-block:0;padding-inline:var(--spacing-xs)}.mx-pagination :is([aria-current=page],[aria-current=step],.is-active){font-weight:var(--font-weight-bold);text-decoration-line:underline;text-decoration-line:var(--active-underline, underline);text-decoration-thickness:2px;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-underline-offset:.15em;pointer-events:none}.mx-pagination .mx-icon:not(.mx-icon--only){display:flex;align-items:center;gap:var(--spacing-xxs)}.mx-pagination .mx-pagination__items{display:flex;align-content:center;justify-content:center;place-content:center;padding-inline-start:0;list-style-type:none;text-align:center}.mx-pagination .mx-pagination__ellipsis{padding-block:0;padding-inline:var(--spacing-xs)}.mx-pagination :is(.mx-pagination__previous,.mx-pagination__next) .mx-icon:not(.mx-icon--only){font-weight:var(--font-weight-bold);text-transform:capitalize}@media (max-width: 539.98px){.mx-pagination :is(.mx-pagination__previous,.mx-pagination__next) .mx-icon:not(.mx-icon--only){overflow:hidden;inline-size:var(--spacing-s);position:relative;text-indent:100%}:is(.mx-pagination :is(.mx-pagination__previous,.mx-pagination__next) .mx-icon:not(.mx-icon--only)):before{position:absolute}}.mx-pagination .mx-pagination__previous{margin-inline-end:auto}@media (min-width: 540px){:is(.mx-pagination .mx-pagination__previous) :is(button,a){padding-inline-start:0}}.mx-pagination .mx-pagination__next{margin-inline-start:auto}@media (min-width: 540px){:is(.mx-pagination .mx-pagination__next) :is(button,a){padding-inline-end:0}:is(:is(.mx-pagination .mx-pagination__next) :is(button,a)):before{order:2}}}@media print{.mx-pagination{display:none}}
1
+ /**
2
+ * Pagination
3
+ */
4
+
5
+ @layer design-system.components {
6
+ .mx-pagination {
7
+ margin-inline: 0;
8
+ padding: 0;
9
+ }
10
+
11
+ .mx-pagination button {
12
+ padding: 0;
13
+ padding: initial;
14
+ background: transparent;
15
+ cursor: pointer;
16
+ }
17
+
18
+ .mx-pagination :is(a,button,[aria-current="page"],[aria-current="step"]) {
19
+ text-decoration-line: none;
20
+ color: var(
21
+ --pagination-foreground,
22
+ var(--foreground, var(--colour-foreground))
23
+ );
24
+ display: flex;
25
+ block-size: var(--spacing-l);
26
+ line-height: var(--spacing-l);
27
+ padding-block: 0;
28
+ padding-inline: var(--spacing-xs);
29
+ }
30
+
31
+ .mx-pagination :is([aria-current="page"],[aria-current="step"],.is-active) {
32
+ font-weight: var(--font-weight-bold);
33
+ text-decoration-line: underline;
34
+ text-decoration-line: var(--active-underline, underline);
35
+ text-decoration-thickness: 2px;
36
+ -webkit-text-decoration-skip: ink;
37
+ text-decoration-skip-ink: auto;
38
+ text-underline-offset: 0.15em;
39
+ pointer-events: none;
40
+ }
41
+
42
+ .mx-pagination .mx-icon:not(.mx-icon--only) {
43
+ display: flex;
44
+ align-items: center;
45
+ gap: var(--spacing-xxs);
46
+ }
47
+
48
+ .mx-pagination .mx-pagination__items {
49
+ display: flex;
50
+ align-content: center;
51
+ justify-content: center;
52
+ place-content: center;
53
+ padding-inline-start: 0;
54
+ list-style-type: none;
55
+ text-align: center;
56
+ }
57
+
58
+ .mx-pagination .mx-pagination__ellipsis {
59
+ padding-block: 0;
60
+ padding-inline: var(--spacing-xs);
61
+ }
62
+
63
+ .mx-pagination :is(.mx-pagination__previous,.mx-pagination__next) .mx-icon:not(.mx-icon--only) {
64
+ font-weight: var(--font-weight-bold);
65
+ text-transform: capitalize;
66
+ }
67
+
68
+ @media (max-width: 539.98px) {
69
+
70
+ .mx-pagination :is(.mx-pagination__previous,.mx-pagination__next) .mx-icon:not(.mx-icon--only) {
71
+ overflow: hidden;
72
+ inline-size: var(--spacing-s);
73
+ position: relative;
74
+ text-indent: 100%;
75
+ }
76
+
77
+ :is(.mx-pagination :is(.mx-pagination__previous,.mx-pagination__next) .mx-icon:not(.mx-icon--only))::before {
78
+ position: absolute;
79
+ }
80
+ }
81
+
82
+ .mx-pagination .mx-pagination__previous {
83
+ margin-inline-end: auto;
84
+ }
85
+
86
+ @media (min-width: 540px) {
87
+ :is(.mx-pagination .mx-pagination__previous) :is(button,a) {
88
+ padding-inline-start: 0;
89
+ }
90
+ }
91
+
92
+ .mx-pagination .mx-pagination__next {
93
+ margin-inline-start: auto;
94
+ }
95
+
96
+ @media (min-width: 540px) {
97
+ :is(.mx-pagination .mx-pagination__next) :is(button,a) {
98
+ padding-inline-end: 0;
99
+ }
100
+
101
+ :is(:is(.mx-pagination .mx-pagination__next) :is(button,a))::before {
102
+ order: 2;
103
+ }
104
+ }
105
+ }
106
+
107
+ /**
108
+ * Print stylesheet
109
+ */
110
+
111
+ @media print {
112
+ .mx-pagination {
113
+ display: none;
114
+ }
115
+ }
116
+
117
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2luYXRpb24uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxnQkFBZ0I7SUFDaEIsVUFBVTtFQTBGWjs7SUF4RkU7TUFDRSxVQUFjO01BQWQsZ0JBQWM7TUFDZCx1QkFBdUI7TUFDdkIsZUFBZTtJQUNqQjs7SUFFQTtNQUNFLDBCQUEwQjtNQUMxQjs7O09BR0M7TUFDRCxhQUFhO01BQ2IsNEJBQTRCO01BQzVCLDZCQUE2QjtNQUM3QixnQkFBZ0I7TUFDaEIsaUNBQWlDO0lBQ25DOztJQUVBO01BQ0Usb0NBQW9DO01BQ3BDLCtCQUF3RDtNQUF4RCx3REFBd0Q7TUFDeEQsOEJBQThCO01BQzlCLGlDQUE4QjtjQUE5Qiw4QkFBOEI7TUFDOUIsNkJBQTZCO01BQzdCLG9CQUFvQjtJQUN0Qjs7SUFFQTtNQUNFLGFBQWE7TUFDYixtQkFBbUI7TUFDbkIsdUJBQXVCO0lBQ3pCOztJQUVBO01BQ0UsYUFBYTtNQUNiLHFCQUFxQjtNQUFyQix1QkFBcUI7TUFBckIscUJBQXFCO01BQ3JCLHVCQUF1QjtNQUN2QixxQkFBcUI7TUFDckIsa0JBQWtCO0lBQ3BCOztJQUVBO01BQ0UsZ0JBQWdCO01BQ2hCLGlDQUFpQztJQUNuQzs7SUFFQTtNQUdFLG9DQUFvQztNQUNwQywwQkFBMEI7SUFZNUI7O01BVkU7O0lBTkY7UUFPSSxnQkFBZ0I7UUFDaEIsNkJBQTZCO1FBQzdCLGtCQUFrQjtRQUNsQixpQkFBaUI7SUFNckI7O1FBSkk7VUFDRSxrQkFBa0I7UUFDcEI7TUFDRjs7SUFHRjtNQUNFLHVCQUF1QjtJQU96Qjs7TUFMRTtRQUNFO1VBQ0UsdUJBQXVCO1FBQ3pCO01BQ0Y7O0lBR0Y7TUFDRSx5QkFBeUI7SUFXM0I7O01BVEU7UUFDRTtVQUNFLHFCQUFxQjtRQUt2Qjs7VUFIRTtZQUNFLFFBQVE7VUFDVjtNQUVKO0FBR047O0FBRUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGFBQWE7RUFDZjtBQUNGIiwiZmlsZSI6InBhZ2luYXRpb24uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBQYWdpbmF0aW9uXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0uY29tcG9uZW50cyB7XG4gIC5teC1wYWdpbmF0aW9uIHtcbiAgICBtYXJnaW4taW5saW5lOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5cbiAgICAmIGJ1dHRvbiB7XG4gICAgICBwYWRkaW5nOiB1bnNldDtcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cblxuICAgICYgOmlzKGEsIGJ1dHRvbiwgW2FyaWEtY3VycmVudD1cInBhZ2VcIl0sIFthcmlhLWN1cnJlbnQ9XCJzdGVwXCJdKSB7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogbm9uZTtcbiAgICAgIGNvbG9yOiB2YXIoXG4gICAgICAgIC0tcGFnaW5hdGlvbi1mb3JlZ3JvdW5kLFxuICAgICAgICB2YXIoLS1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZCkpXG4gICAgICApO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGJsb2NrLXNpemU6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgICBsaW5lLWhlaWdodDogdmFyKC0tc3BhY2luZy1sKTtcbiAgICAgIHBhZGRpbmctYmxvY2s6IDA7XG4gICAgICBwYWRkaW5nLWlubGluZTogdmFyKC0tc3BhY2luZy14cyk7XG4gICAgfVxuXG4gICAgJiA6aXMoW2FyaWEtY3VycmVudD1cInBhZ2VcIl0sIFthcmlhLWN1cnJlbnQ9XCJzdGVwXCJdLCAuaXMtYWN0aXZlKSB7XG4gICAgICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQtYm9sZCk7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogdmFyKC0tYWN0aXZlLXVuZGVybGluZSwgdW5kZXJsaW5lKTtcbiAgICAgIHRleHQtZGVjb3JhdGlvbi10aGlja25lc3M6IDJweDtcbiAgICAgIHRleHQtZGVjb3JhdGlvbi1za2lwLWluazogYXV0bztcbiAgICAgIHRleHQtdW5kZXJsaW5lLW9mZnNldDogMC4xNWVtO1xuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgfVxuXG4gICAgJiAubXgtaWNvbjpub3QoLm14LWljb24tLW9ubHkpIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZ2FwOiB2YXIoLS1zcGFjaW5nLXh4cyk7XG4gICAgfVxuXG4gICAgJiAubXgtcGFnaW5hdGlvbl9faXRlbXMge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIHBsYWNlLWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cblxuICAgICYgLm14LXBhZ2luYXRpb25fX2VsbGlwc2lzIHtcbiAgICAgIHBhZGRpbmctYmxvY2s6IDA7XG4gICAgICBwYWRkaW5nLWlubGluZTogdmFyKC0tc3BhY2luZy14cyk7XG4gICAgfVxuXG4gICAgJlxuICAgICAgOmlzKC5teC1wYWdpbmF0aW9uX19wcmV2aW91cywgLm14LXBhZ2luYXRpb25fX25leHQpXG4gICAgICAubXgtaWNvbjpub3QoLm14LWljb24tLW9ubHkpIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1mb250LXdlaWdodC1ib2xkKTtcbiAgICAgIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xuXG4gICAgICBAbWVkaWEgKC0tc21hbGwtZG93bikge1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICBpbmxpbmUtc2l6ZTogdmFyKC0tc3BhY2luZy1zKTtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB0ZXh0LWluZGVudDogMTAwJTtcblxuICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYgLm14LXBhZ2luYXRpb25fX3ByZXZpb3VzIHtcbiAgICAgIG1hcmdpbi1pbmxpbmUtZW5kOiBhdXRvO1xuXG4gICAgICBAbWVkaWEgKC0tc21hbGwtdXApIHtcbiAgICAgICAgJiA6aXMoYnV0dG9uLCBhKSB7XG4gICAgICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDA7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC1wYWdpbmF0aW9uX19uZXh0IHtcbiAgICAgIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IGF1dG87XG5cbiAgICAgIEBtZWRpYSAoLS1zbWFsbC11cCkge1xuICAgICAgICAmIDppcyhidXR0b24sIGEpIHtcbiAgICAgICAgICBwYWRkaW5nLWlubGluZS1lbmQ6IDA7XG5cbiAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgb3JkZXI6IDI7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbi8qKlxuICogUHJpbnQgc3R5bGVzaGVldFxuICovXG5cbkBtZWRpYSBwcmludCB7XG4gIC5teC1wYWdpbmF0aW9uIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iXX0= */
@@ -1 +1,21 @@
1
- @layer design-system.components{.mx-results-bar{display:flex;flex-flow:row wrap;gap:var(--spacing-s);justify-content:space-between;align-items:center}.mx-results-bar__sort{display:flex;gap:var(--spacing-s);align-items:center}.mx-results-bar__sort label{margin-block:0}}
1
+ @layer design-system.components {
2
+ .mx-results-bar {
3
+ display: flex;
4
+ flex-flow: row wrap;
5
+ gap: var(--spacing-s);
6
+ justify-content: space-between;
7
+ align-items: center;
8
+ }
9
+
10
+ .mx-results-bar__sort {
11
+ display: flex;
12
+ gap: var(--spacing-s);
13
+ align-items: center;
14
+ }
15
+
16
+ .mx-results-bar__sort label {
17
+ margin-block: 0;
18
+ }
19
+ }
20
+
21
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc3VsdHMtYmFyLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0lBQ0UsYUFBYTtJQUNiLG1CQUFtQjtJQUNuQixxQkFBcUI7SUFDckIsOEJBQThCO0lBQzlCLG1CQUFtQjtFQUNyQjs7RUFFQTtJQUNFLGFBQWE7SUFDYixxQkFBcUI7SUFDckIsbUJBQW1CO0VBS3JCOztJQUhFO01BQ0UsZUFBZTtJQUNqQjtBQUVKIiwiZmlsZSI6InJlc3VsdHMtYmFyLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIkBsYXllciBkZXNpZ24tc3lzdGVtLmNvbXBvbmVudHMge1xuICAubXgtcmVzdWx0cy1iYXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1mbG93OiByb3cgd3JhcDtcbiAgICBnYXA6IHZhcigtLXNwYWNpbmctcyk7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cblxuICAubXgtcmVzdWx0cy1iYXJfX3NvcnQge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiB2YXIoLS1zcGFjaW5nLXMpO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmIGxhYmVsIHtcbiAgICAgIG1hcmdpbi1ibG9jazogMDtcbiAgICB9XG4gIH1cbn1cbiJdfQ== */
@@ -1 +1,147 @@
1
- @layer design-system.layouts{.mx-container{--container-name: container;container-name:container;container-name:var(--container-name);container-type:inline-size}.mx-section--divider{border-block-start:1px solid var(--colour-border)}.mx-section--s{padding-block:var(--section-s, var(--spacing-s))}.mx-section--m{padding-block:var(--section-m, var(--spacing-m))}.mx-section--l{padding-block:var(--section-l, var(--spacing-xl))}.mx-section--xl{padding-block:var(--section-xl, var(--spacing-uul))}.mx-section--top-s{padding-block-start:var(--section-s, var(--spacing-s))}.mx-section--top-m{padding-block-start:var(--section-m, var(--spacing-m))}.mx-section--top-l{padding-block-start:var(--section-l, var(--spacing-xl))}.mx-section--top-xl{padding-block-start:var(--section-xl, var(--spacing-uul))}.mx-section--bottom-s{padding-block-end:var(--section-s, var(--spacing-s))}.mx-section--bottom-m{padding-block-end:var(--section-m, var(--spacing-m))}.mx-section--bottom-l{padding-block-end:var(--section-l, var(--spacing-xl))}.mx-section--bottom-xl{padding-block-end:var(--section-xl, var(--spacing-uul))}}@layer design-system.layouts{.mx-section--flow{--flow-spacing: var(--section-l, var(--spacing-xl));padding-block-end:var(--flow-spacing)}.mx-section--flow:is([class*=mx-background],[class*=mx-background]+.mx-section--flow,:not(.mx-section--flow:not(.mx-section--group)+.mx-section--flow)){padding-block-start:var(--flow-spacing)}.mx-section--group{--group-spacing: var(--section-l, var(--spacing-xl));padding-block:0}.mx-section--group:is(:not([class*=mx-background])+.mx-section--group[class*=mx-background],:not(.mx-section--group+.mx-section--group)){padding-block-start:var(--group-spacing)}.mx-section--group:is(:not([class*=mx-background]):has(+.mx-section--group[class*=mx-background]),:not(:has(+.mx-section--group))){padding-block-end:var(--group-spacing)}.mx-section--group:not(.mx-section--group+.mx-section--group):not(:has(+.mx-section--group)){padding-block:var(--group-spacing)}}@layer design-system.layouts{.mx-section__header{margin-block-end:var(--spacing-m);display:flex;flex-flow:row wrap;gap:var(--spacing-s);align-items:center;justify-content:space-between}}@layer design-system.layouts{:is(.mx-section--has-background,.mx-section:has(.mx-background--image)){overflow:hidden;position:relative}:is(.mx-section--has-background,.mx-section:has(.mx-background--image))>div{position:relative}}
1
+ /**
2
+ * Section
3
+ */
4
+
5
+ @layer design-system.layouts {
6
+ .mx-container {
7
+ --container-name: container;
8
+
9
+ container-name: container;
10
+
11
+ container-name: var(--container-name);
12
+ container-type: inline-size;
13
+ }
14
+
15
+ .mx-section--divider {
16
+ border-block-start: 1px solid var(--colour-border);
17
+ }
18
+
19
+ .mx-section--s {
20
+ padding-block: var(--section-s, var(--spacing-s));
21
+ }
22
+
23
+ .mx-section--m {
24
+ padding-block: var(--section-m, var(--spacing-m));
25
+ }
26
+
27
+ .mx-section--l {
28
+ padding-block: var(--section-l, var(--spacing-xl));
29
+ }
30
+
31
+ .mx-section--xl {
32
+ padding-block: var(--section-xl, var(--spacing-uul));
33
+ }
34
+
35
+ .mx-section--top-s {
36
+ padding-block-start: var(--section-s, var(--spacing-s));
37
+ }
38
+
39
+ .mx-section--top-m {
40
+ padding-block-start: var(--section-m, var(--spacing-m));
41
+ }
42
+
43
+ .mx-section--top-l {
44
+ padding-block-start: var(--section-l, var(--spacing-xl));
45
+ }
46
+
47
+ .mx-section--top-xl {
48
+ padding-block-start: var(--section-xl, var(--spacing-uul));
49
+ }
50
+
51
+ .mx-section--bottom-s {
52
+ padding-block-end: var(--section-s, var(--spacing-s));
53
+ }
54
+
55
+ .mx-section--bottom-m {
56
+ padding-block-end: var(--section-m, var(--spacing-m));
57
+ }
58
+
59
+ .mx-section--bottom-l {
60
+ padding-block-end: var(--section-l, var(--spacing-xl));
61
+ }
62
+
63
+ .mx-section--bottom-xl {
64
+ padding-block-end: var(--section-xl, var(--spacing-uul));
65
+ }
66
+ }
67
+
68
+ /**
69
+ * Sections breakouts
70
+ *
71
+ * Uses `subgrid` so no supported in older browsers.
72
+ */
73
+
74
+ /**
75
+ * Sections flows & groups
76
+ *
77
+ * Uses `:has` so is not supported in older browsers.
78
+ * see https://www.bram.us/2022/12/13/quantity-queries-for-islands-of-elements-with-the-same-class-thanks-to-css-has/
79
+ */
80
+
81
+ @layer design-system.layouts {
82
+ .mx-section--flow {
83
+ --flow-spacing: var(--section-l, var(--spacing-xl));
84
+
85
+ padding-block-end: var(--flow-spacing);
86
+ }
87
+
88
+ .mx-section--flow:is([class*="mx-background"],[class*="mx-background"] + .mx-section--flow,:not(.mx-section--flow:not(.mx-section--group) + .mx-section--flow)) {
89
+ padding-block-start: var(--flow-spacing);
90
+ }
91
+
92
+ .mx-section--group {
93
+ --group-spacing: var(--section-l, var(--spacing-xl));
94
+
95
+ padding-block: 0;
96
+
97
+ /* :first-in-island-of-class */
98
+ }
99
+
100
+ .mx-section--group:is(:not([class*="mx-background"]) + .mx-section--group[class*="mx-background"],:not(.mx-section--group + .mx-section--group)) {
101
+ padding-block-start: var(--group-spacing);
102
+ }
103
+
104
+ /* :last-in-island-of-class */
105
+
106
+ .mx-section--group:is(:not([class*="mx-background"]):has( + .mx-section--group[class*="mx-background"]),:not(:has( + .mx-section--group))) {
107
+ padding-block-end: var(--group-spacing);
108
+ }
109
+
110
+ /* :single-in-island-of-class */
111
+
112
+ .mx-section--group:not(.mx-section--group + .mx-section--group):not(:has( + .mx-section--group)) {
113
+ padding-block: var(--group-spacing);
114
+ }
115
+ }
116
+
117
+ /**
118
+ * Section header
119
+ */
120
+
121
+ @layer design-system.layouts {
122
+ .mx-section__header {
123
+ margin-block-end: var(--spacing-m);
124
+ display: flex;
125
+ flex-flow: row wrap;
126
+ gap: var(--spacing-s);
127
+ align-items: center;
128
+ justify-content: space-between;
129
+ }
130
+ }
131
+
132
+ /**
133
+ * Section Background image
134
+ */
135
+
136
+ @layer design-system.layouts {
137
+ :is(.mx-section--has-background, .mx-section:has(.mx-background--image)) {
138
+ overflow: hidden;
139
+ position: relative;
140
+ }
141
+
142
+ :is(.mx-section--has-background,.mx-section:has(.mx-background--image)) > div {
143
+ position: relative;
144
+ }
145
+ }
146
+
147
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY3Rpb24uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSwyQkFBMkI7O0lBRTNCLHlCQUFxQzs7SUFBckMscUNBQXFDO0lBQ3JDLDJCQUEyQjtFQUM3Qjs7RUFFQTtJQUNFLGtEQUFrRDtFQUNwRDs7RUFFQTtJQUNFLGlEQUFpRDtFQUNuRDs7RUFFQTtJQUNFLGlEQUFpRDtFQUNuRDs7RUFFQTtJQUNFLGtEQUFrRDtFQUNwRDs7RUFFQTtJQUNFLG9EQUFvRDtFQUN0RDs7RUFFQTtJQUNFLHVEQUF1RDtFQUN6RDs7RUFFQTtJQUNFLHVEQUF1RDtFQUN6RDs7RUFFQTtJQUNFLHdEQUF3RDtFQUMxRDs7RUFFQTtJQUNFLDBEQUEwRDtFQUM1RDs7RUFFQTtJQUNFLHFEQUFxRDtFQUN2RDs7RUFFQTtJQUNFLHFEQUFxRDtFQUN2RDs7RUFFQTtJQUNFLHNEQUFzRDtFQUN4RDs7RUFFQTtJQUNFLHdEQUF3RDtFQUMxRDtBQUNGOztBQUVBOzs7O0VBSUU7O0FBRUY7Ozs7O0VBS0U7O0FBRUY7RUFDRTtJQUNFLG1EQUFtRDs7SUFFbkQsc0NBQXNDO0VBU3hDOztJQVBFO01BS0Usd0NBQXdDO0lBQzFDOztFQUdGO0lBQ0Usb0RBQW9EOztJQUVwRCxnQkFBZ0I7O0lBRWhCLDhCQUE4QjtFQTBCaEM7O0lBeEJFO01BS0UseUNBQXlDO0lBQzNDOztJQUVBLDZCQUE2Qjs7SUFFN0I7TUFNRSx1Q0FBdUM7SUFDekM7O0lBRUEsK0JBQStCOztJQUUvQjtNQUNFLG1DQUFtQztJQUNyQztBQUVKOztBQUVBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxrQ0FBa0M7SUFDbEMsYUFBYTtJQUNiLG1CQUFtQjtJQUNuQixxQkFBcUI7SUFDckIsbUJBQW1CO0lBQ25CLDhCQUE4QjtFQUNoQztBQUNGOztBQUVBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxnQkFBZ0I7SUFDaEIsa0JBQWtCO0VBS3BCOztJQUhFO01BQ0Usa0JBQWtCO0lBQ3BCO0FBRUoiLCJmaWxlIjoic2VjdGlvbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFNlY3Rpb25cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LWNvbnRhaW5lciB7XG4gICAgLS1jb250YWluZXItbmFtZTogY29udGFpbmVyO1xuXG4gICAgY29udGFpbmVyLW5hbWU6IHZhcigtLWNvbnRhaW5lci1uYW1lKTtcbiAgICBjb250YWluZXItdHlwZTogaW5saW5lLXNpemU7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tZGl2aWRlciB7XG4gICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiAxcHggc29saWQgdmFyKC0tY29sb3VyLWJvcmRlcik7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tcyB7XG4gICAgcGFkZGluZy1ibG9jazogdmFyKC0tc2VjdGlvbi1zLCB2YXIoLS1zcGFjaW5nLXMpKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS1tIHtcbiAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zZWN0aW9uLW0sIHZhcigtLXNwYWNpbmctbSkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWwge1xuICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLXNlY3Rpb24tbCwgdmFyKC0tc3BhY2luZy14bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXhsIHtcbiAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zZWN0aW9uLXhsLCB2YXIoLS1zcGFjaW5nLXV1bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1zIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLXMsIHZhcigtLXNwYWNpbmctcykpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1tIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLW0sIHZhcigtLXNwYWNpbmctbSkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1sIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLWwsIHZhcigtLXNwYWNpbmcteGwpKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS10b3AteGwge1xuICAgIHBhZGRpbmctYmxvY2stc3RhcnQ6IHZhcigtLXNlY3Rpb24teGwsIHZhcigtLXNwYWNpbmctdXVsKSk7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tYm90dG9tLXMge1xuICAgIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1zZWN0aW9uLXMsIHZhcigtLXNwYWNpbmctcykpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWJvdHRvbS1tIHtcbiAgICBwYWRkaW5nLWJsb2NrLWVuZDogdmFyKC0tc2VjdGlvbi1tLCB2YXIoLS1zcGFjaW5nLW0pKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS1ib3R0b20tbCB7XG4gICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLXNlY3Rpb24tbCwgdmFyKC0tc3BhY2luZy14bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWJvdHRvbS14bCB7XG4gICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLXNlY3Rpb24teGwsIHZhcigtLXNwYWNpbmctdXVsKSk7XG4gIH1cbn1cblxuLyoqXG4gKiBTZWN0aW9ucyBicmVha291dHNcbiAqXG4gKiBVc2VzIGBzdWJncmlkYCBzbyBubyBzdXBwb3J0ZWQgaW4gb2xkZXIgYnJvd3NlcnMuXG4gKi9cblxuLyoqXG4gKiBTZWN0aW9ucyBmbG93cyAmIGdyb3Vwc1xuICpcbiAqIFVzZXMgYDpoYXNgIHNvIGlzIG5vdCBzdXBwb3J0ZWQgaW4gb2xkZXIgYnJvd3NlcnMuXG4gKiBzZWUgaHR0cHM6Ly93d3cuYnJhbS51cy8yMDIyLzEyLzEzL3F1YW50aXR5LXF1ZXJpZXMtZm9yLWlzbGFuZHMtb2YtZWxlbWVudHMtd2l0aC10aGUtc2FtZS1jbGFzcy10aGFua3MtdG8tY3NzLWhhcy9cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LXNlY3Rpb24tLWZsb3cge1xuICAgIC0tZmxvdy1zcGFjaW5nOiB2YXIoLS1zZWN0aW9uLWwsIHZhcigtLXNwYWNpbmcteGwpKTtcblxuICAgIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1mbG93LXNwYWNpbmcpO1xuXG4gICAgJjppcyhcbiAgICAgIFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdLFxuICAgICAgW2NsYXNzKj1cIm14LWJhY2tncm91bmRcIl0gKyAubXgtc2VjdGlvbi0tZmxvdyxcbiAgICAgIDpub3QoLm14LXNlY3Rpb24tLWZsb3c6bm90KC5teC1zZWN0aW9uLS1ncm91cCkgKyAubXgtc2VjdGlvbi0tZmxvdylcbiAgICApIHtcbiAgICAgIHBhZGRpbmctYmxvY2stc3RhcnQ6IHZhcigtLWZsb3ctc3BhY2luZyk7XG4gICAgfVxuICB9XG5cbiAgLm14LXNlY3Rpb24tLWdyb3VwIHtcbiAgICAtLWdyb3VwLXNwYWNpbmc6IHZhcigtLXNlY3Rpb24tbCwgdmFyKC0tc3BhY2luZy14bCkpO1xuXG4gICAgcGFkZGluZy1ibG9jazogMDtcblxuICAgIC8qIDpmaXJzdC1pbi1pc2xhbmQtb2YtY2xhc3MgKi9cblxuICAgICY6aXMoXG4gICAgICA6bm90KFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdKVxuICAgICAgICArIC5teC1zZWN0aW9uLS1ncm91cFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdLFxuICAgICAgOm5vdCgubXgtc2VjdGlvbi0tZ3JvdXAgKyAubXgtc2VjdGlvbi0tZ3JvdXApXG4gICAgKSB7XG4gICAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1ncm91cC1zcGFjaW5nKTtcbiAgICB9XG5cbiAgICAvKiA6bGFzdC1pbi1pc2xhbmQtb2YtY2xhc3MgKi9cblxuICAgICY6aXMoXG4gICAgICA6bm90KFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdKTpoYXMoXG4gICAgICAgICsgLm14LXNlY3Rpb24tLWdyb3VwW2NsYXNzKj1cIm14LWJhY2tncm91bmRcIl1cbiAgICAgICksXG4gICAgICA6bm90KDpoYXMoKyAubXgtc2VjdGlvbi0tZ3JvdXApKVxuICAgICkge1xuICAgICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLWdyb3VwLXNwYWNpbmcpO1xuICAgIH1cblxuICAgIC8qIDpzaW5nbGUtaW4taXNsYW5kLW9mLWNsYXNzICovXG5cbiAgICAmOm5vdCgubXgtc2VjdGlvbi0tZ3JvdXAgKyAubXgtc2VjdGlvbi0tZ3JvdXAsIDpoYXMoKyAubXgtc2VjdGlvbi0tZ3JvdXApKSB7XG4gICAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1ncm91cC1zcGFjaW5nKTtcbiAgICB9XG4gIH1cbn1cblxuLyoqXG4gKiBTZWN0aW9uIGhlYWRlclxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICAubXgtc2VjdGlvbl9faGVhZGVyIHtcbiAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1mbG93OiByb3cgd3JhcDtcbiAgICBnYXA6IHZhcigtLXNwYWNpbmctcyk7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbn1cblxuLyoqXG4gKiBTZWN0aW9uIEJhY2tncm91bmQgaW1hZ2VcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgOmlzKC5teC1zZWN0aW9uLS1oYXMtYmFja2dyb3VuZCwgLm14LXNlY3Rpb246aGFzKC5teC1iYWNrZ3JvdW5kLS1pbWFnZSkpIHtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICYgPiBkaXYge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIH1cbiAgfVxufVxuIl19 */
@@ -1 +1,85 @@
1
- @layer design-system.components{.mx-side-nav__parent{border-block-end:2px solid currentcolor;border-block-end:var(--line-width, 2px) solid var(--line-colour, currentcolor)}.mx-side-nav__parent a{display:block;color:inherit;padding:var(--item-spacing, var(--spacing-xxs));font-weight:var(--font-weight-bold);text-decoration-line:none}:is(.mx-side-nav__parent a):hover{text-decoration-line:underline}.mx-side-nav{--outline-offset: -.0625rem}.mx-side-nav ul li{position:relative}:is(.mx-side-nav ul li):has([aria-current=page],.is-active)>a{font-weight:var(--font-weight-bold)}:is(.mx-side-nav ul li) a{display:block;color:inherit;border-block-end:1px solid var(--line-colour, var(--colour-border));border-block-end:var(--line-width, 1px) solid var(--line-colour, var(--colour-border));padding-block:var(--item-spacing, var(--spacing-xxs));padding-inline:var(--indent, var(--spacing-xxs)) var(--item-spacing, var(--spacing-xxs))}.mx-side-nav .mx-nav__level-2>li>a{--indent: var(--spacing-s)}@media (min-width: 720px){.mx-side-nav .mx-nav__level-2>li>a{--indent: var(--spacing-m)}}.mx-side-nav .mx-nav__level-3>li>a{--indent: var(--spacing-m)}@media (min-width: 720px){.mx-side-nav .mx-nav__level-3>li>a{--indent: var(--spacing-l)}}.mx-side-nav :is([aria-current=page],.is-active>a){background-color:var( --nav-active-background, var(--background, var(--colour-background-alt)) );color:inherit;color:var(--nav-active-foreground, inherit)}.mx-side-nav .mx-nav__toggle{display:none}}
1
+ /**
2
+ * Side navigation
3
+ */
4
+
5
+ @layer design-system.components {
6
+ .mx-side-nav__parent {
7
+ border-block-end: 2px solid
8
+ currentcolor;
9
+ border-block-end: var(--line-width, 2px) solid
10
+ var(--line-colour, currentcolor);
11
+ }
12
+
13
+ .mx-side-nav__parent a {
14
+ display: block;
15
+ color: inherit;
16
+ padding: var(--item-spacing, var(--spacing-xxs));
17
+ font-weight: var(--font-weight-bold);
18
+ text-decoration-line: none;
19
+ }
20
+
21
+ :is(.mx-side-nav__parent a):hover {
22
+ text-decoration-line: underline;
23
+ }
24
+
25
+ .mx-side-nav {
26
+ --outline-offset: -0.0625rem;
27
+ }
28
+
29
+ .mx-side-nav ul li {
30
+ position: relative;
31
+ }
32
+
33
+ :is(.mx-side-nav ul li):has([aria-current="page"],.is-active) > a {
34
+ font-weight: var(--font-weight-bold);
35
+ }
36
+
37
+ :is(.mx-side-nav ul li) a {
38
+ display: block;
39
+ color: inherit;
40
+ border-block-end: 1px solid
41
+ var(--line-colour, var(--colour-border));
42
+ border-block-end: var(--line-width, 1px) solid
43
+ var(--line-colour, var(--colour-border));
44
+ padding-block: var(--item-spacing, var(--spacing-xxs));
45
+ padding-inline: var(--indent, var(--spacing-xxs))
46
+ var(--item-spacing, var(--spacing-xxs));
47
+ }
48
+
49
+ .mx-side-nav .mx-nav__level-2 > li > a {
50
+ --indent: var(--spacing-s);
51
+ }
52
+
53
+ @media (min-width: 720px) {
54
+
55
+ .mx-side-nav .mx-nav__level-2 > li > a {
56
+ --indent: var(--spacing-m);
57
+ }
58
+ }
59
+
60
+ .mx-side-nav .mx-nav__level-3 > li > a {
61
+ --indent: var(--spacing-m);
62
+ }
63
+
64
+ @media (min-width: 720px) {
65
+
66
+ .mx-side-nav .mx-nav__level-3 > li > a {
67
+ --indent: var(--spacing-l);
68
+ }
69
+ }
70
+
71
+ .mx-side-nav :is([aria-current="page"],.is-active > a) {
72
+ background-color: var(
73
+ --nav-active-background,
74
+ var(--background, var(--colour-background-alt))
75
+ );
76
+ color: inherit;
77
+ color: var(--nav-active-foreground, inherit);
78
+ }
79
+
80
+ .mx-side-nav .mx-nav__toggle {
81
+ display: none;
82
+ }
83
+ }
84
+
85
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpZGUtbmF2aWdhdGlvbi5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFO2tCQUNrQztJQURsQztzQ0FDa0M7RUFhcEM7O0lBWEU7TUFDRSxjQUFjO01BQ2QsY0FBYztNQUNkLGdEQUFnRDtNQUNoRCxvQ0FBb0M7TUFDcEMsMEJBQTBCO0lBSzVCOztNQUhFO1FBQ0UsK0JBQStCO01BQ2pDOztFQUlKO0lBQ0UsNEJBQXNCO0VBK0N4Qjs7SUE3Q0U7TUFDRSxrQkFBa0I7SUFlcEI7O01BYkU7UUFDRSxvQ0FBb0M7TUFDdEM7O01BRUE7UUFDRSxjQUFjO1FBQ2QsY0FBYztRQUNkO2tEQUMwQztRQUQxQztrREFDMEM7UUFDMUMsc0RBQXNEO1FBQ3REO2lEQUN5QztNQUMzQzs7SUFHRjtNQUNFLDBCQUEwQjtJQUs1Qjs7TUFIRTs7SUFIRjtRQUlJLDBCQUEwQjtJQUU5QjtNQURFOztJQUdGO01BQ0UsMEJBQTBCO0lBSzVCOztNQUhFOztJQUhGO1FBSUksMEJBQTBCO0lBRTlCO01BREU7O0lBR0Y7TUFDRTs7O09BR0M7TUFDRCxjQUE0QztNQUE1Qyw0Q0FBNEM7SUFDOUM7O0lBRUE7TUFDRSxhQUFhO0lBQ2Y7QUFFSiIsImZpbGUiOiJzaWRlLW5hdmlnYXRpb24uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBTaWRlIG5hdmlnYXRpb25cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LXNpZGUtbmF2X19wYXJlbnQge1xuICAgIGJvcmRlci1ibG9jay1lbmQ6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgc29saWRcbiAgICAgIHZhcigtLWxpbmUtY29sb3VyLCBjdXJyZW50Y29sb3IpO1xuXG4gICAgJiBhIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICBwYWRkaW5nOiB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG4gICAgICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQtYm9sZCk7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogbm9uZTtcblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbi1saW5lOiB1bmRlcmxpbmU7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgLm14LXNpZGUtbmF2IHtcbiAgICAtLW91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuXG4gICAgJiB1bCBsaSB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgICY6aGFzKFthcmlhLWN1cnJlbnQ9XCJwYWdlXCJdLCAuaXMtYWN0aXZlKSA+IGEge1xuICAgICAgICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQtYm9sZCk7XG4gICAgICB9XG5cbiAgICAgICYgYSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgYm9yZGVyLWJsb2NrLWVuZDogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG4gICAgICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLWl0ZW0tc3BhY2luZywgdmFyKC0tc3BhY2luZy14eHMpKTtcbiAgICAgICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWluZGVudCwgdmFyKC0tc3BhY2luZy14eHMpKVxuICAgICAgICAgIHZhcigtLWl0ZW0tc3BhY2luZywgdmFyKC0tc3BhY2luZy14eHMpKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC1uYXZfX2xldmVsLTIgPiBsaSA+IGEge1xuICAgICAgLS1pbmRlbnQ6IHZhcigtLXNwYWNpbmctcyk7XG5cbiAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICAgIC0taW5kZW50OiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgLm14LW5hdl9fbGV2ZWwtMyA+IGxpID4gYSB7XG4gICAgICAtLWluZGVudDogdmFyKC0tc3BhY2luZy1tKTtcblxuICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgLS1pbmRlbnQ6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiA6aXMoW2FyaWEtY3VycmVudD1cInBhZ2VcIl0sIC5pcy1hY3RpdmUgPiBhKSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgIC0tbmF2LWFjdGl2ZS1iYWNrZ3JvdW5kLFxuICAgICAgICB2YXIoLS1iYWNrZ3JvdW5kLCB2YXIoLS1jb2xvdXItYmFja2dyb3VuZC1hbHQpKVxuICAgICAgKTtcbiAgICAgIGNvbG9yOiB2YXIoLS1uYXYtYWN0aXZlLWZvcmVncm91bmQsIGluaGVyaXQpO1xuICAgIH1cblxuICAgICYgLm14LW5hdl9fdG9nZ2xlIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG59XG4iXX0= */
@@ -1 +1,53 @@
1
- @layer design-system.layouts{.mx-grid--sidebar:where(:not(:has(>aside))){grid-column:narrow}.mx-grid--sidebar:where(:has(>aside)){display:flex;flex-wrap:wrap;gap:var(--sidebar-gap, var(--gap));justify-content:space-between}.mx-grid--sidebar:where(:has(>aside))>aside{flex-grow:1;max-inline-size:24ch;max-inline-size:var(--sidebar-width, 24ch)}.mx-grid--sidebar:where(:has(>aside))>section{flex-basis:0;flex-grow:999;min-inline-size:50%;min-inline-size:var(--content-min, 50%);max-inline-size:76ch;max-inline-size:var(--container-max-width, 76ch)}.mx-grid--sidebar.mx-grid--sidebar-rev:where(:has(>aside)){flex-direction:row-reverse}@media (min-width: 720px){.mx-grid--sidebar.mx-grid--sidebar-rev-lg:where(:has(>aside)){flex-direction:row-reverse}}}@media print{.mx-page__sidebar{display:none}}
1
+ /**
2
+ * Page with Sidebar
3
+ */
4
+
5
+ @layer design-system.layouts {
6
+ .mx-grid--sidebar:where(:not(:has( > aside))) {
7
+ grid-column: narrow;
8
+ }
9
+
10
+ .mx-grid--sidebar:where(:has( > aside)) {
11
+ display: flex;
12
+ flex-wrap: wrap;
13
+ gap: var(--sidebar-gap, var(--gap));
14
+ justify-content: space-between;
15
+ }
16
+
17
+ .mx-grid--sidebar:where(:has( > aside)) > aside {
18
+ flex-grow: 1;
19
+ max-inline-size: 24ch;
20
+ max-inline-size: var(--sidebar-width, 24ch);
21
+ }
22
+
23
+ .mx-grid--sidebar:where(:has( > aside)) > section {
24
+ flex-basis: 0;
25
+ flex-grow: 999;
26
+ min-inline-size: 50%;
27
+ min-inline-size: var(--content-min, 50%);
28
+ max-inline-size: 76ch;
29
+ max-inline-size: var(--container-max-width, 76ch);
30
+ }
31
+
32
+ .mx-grid--sidebar.mx-grid--sidebar-rev:where(:has( > aside)) {
33
+ flex-direction: row-reverse;
34
+ }
35
+ @media (min-width: 720px) {
36
+
37
+ .mx-grid--sidebar.mx-grid--sidebar-rev-lg:where(:has( > aside)) {
38
+ flex-direction: row-reverse;
39
+ }
40
+ }
41
+ }
42
+
43
+ /**
44
+ * Print stylesheet
45
+ */
46
+
47
+ @media print {
48
+ .mx-page__sidebar {
49
+ display: none;
50
+ }
51
+ }
52
+
53
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpZGViYXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0lBRUk7TUFDRSxtQkFBbUI7SUFDckI7O0lBRUE7TUFDRSxhQUFhO01BQ2IsZUFBZTtNQUNmLG1DQUFtQztNQUNuQyw4QkFBOEI7SUF1QmhDOztNQXJCRTtRQUNFLFlBQVk7UUFDWixxQkFBMkM7UUFBM0MsMkNBQTJDO01BQzdDOztNQUVBO1FBQ0UsYUFBYTtRQUNiLGNBQWM7UUFDZCxvQkFBd0M7UUFBeEMsd0NBQXdDO1FBQ3hDLHFCQUFpRDtRQUFqRCxpREFBaUQ7TUFDbkQ7O01BRUE7UUFDRSwyQkFBMkI7TUFDN0I7UUFHRTs7TUFERjtVQUVJLDJCQUEyQjtNQUUvQjtRQURFO0FBSVI7O0FBRUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGFBQWE7RUFDZjtBQUNGIiwiZmlsZSI6InNpZGViYXIuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBQYWdlIHdpdGggU2lkZWJhclxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICAubXgtZ3JpZC0tc2lkZWJhciB7XG4gICAgJjp3aGVyZSg6bm90KDpoYXMoPiBhc2lkZSkpKSB7XG4gICAgICBncmlkLWNvbHVtbjogbmFycm93O1xuICAgIH1cblxuICAgICY6d2hlcmUoOmhhcyg+IGFzaWRlKSkge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIGdhcDogdmFyKC0tc2lkZWJhci1nYXAsIHZhcigtLWdhcCkpO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG4gICAgICAmID4gYXNpZGUge1xuICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgIG1heC1pbmxpbmUtc2l6ZTogdmFyKC0tc2lkZWJhci13aWR0aCwgMjRjaCk7XG4gICAgICB9XG5cbiAgICAgICYgPiBzZWN0aW9uIHtcbiAgICAgICAgZmxleC1iYXNpczogMDtcbiAgICAgICAgZmxleC1ncm93OiA5OTk7XG4gICAgICAgIG1pbi1pbmxpbmUtc2l6ZTogdmFyKC0tY29udGVudC1taW4sIDUwJSk7XG4gICAgICAgIG1heC1pbmxpbmUtc2l6ZTogdmFyKC0tY29udGFpbmVyLW1heC13aWR0aCwgNzZjaCk7XG4gICAgICB9XG5cbiAgICAgICYubXgtZ3JpZC0tc2lkZWJhci1yZXYge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgICB9XG5cbiAgICAgICYubXgtZ3JpZC0tc2lkZWJhci1yZXYtbGcge1xuICAgICAgICBAbWVkaWEgKC0tbWVkaXVtLXVwKSB7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbi8qKlxuICogUHJpbnQgc3R5bGVzaGVldFxuICovXG5cbkBtZWRpYSBwcmludCB7XG4gIC5teC1wYWdlX19zaWRlYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iXX0= */
@@ -1 +1,20 @@
1
- @layer design-system.components{.mx-social-links{display:flex;flex-flow:row wrap;align-items:center;gap:var(--nav-gap, var(--spacing-s));color:inherit;color:var(--foreground, inherit)}.mx-social-links a{color:inherit}}
1
+ /**
2
+ * Social links
3
+ */
4
+
5
+ @layer design-system.components {
6
+ .mx-social-links {
7
+ display: flex;
8
+ flex-flow: row wrap;
9
+ align-items: center;
10
+ gap: var(--nav-gap, var(--spacing-s));
11
+ color: inherit;
12
+ color: var(--foreground, inherit);
13
+ }
14
+
15
+ .mx-social-links a {
16
+ color: inherit;
17
+ }
18
+ }
19
+
20
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNvY2lhbC1saW5rcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGFBQWE7SUFDYixtQkFBbUI7SUFDbkIsbUJBQW1CO0lBQ25CLHFDQUFxQztJQUNyQyxjQUFpQztJQUFqQyxpQ0FBaUM7RUFLbkM7O0lBSEU7TUFDRSxjQUFjO0lBQ2hCO0FBRUoiLCJmaWxlIjoic29jaWFsLWxpbmtzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogU29jaWFsIGxpbmtzXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0uY29tcG9uZW50cyB7XG4gIC5teC1zb2NpYWwtbGlua3Mge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1mbG93OiByb3cgd3JhcDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKC0tbmF2LWdhcCwgdmFyKC0tc3BhY2luZy1zKSk7XG4gICAgY29sb3I6IHZhcigtLWZvcmVncm91bmQsIGluaGVyaXQpO1xuXG4gICAgJiBhIHtcbiAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIH1cbiAgfVxufVxuIl19 */
@@ -1 +1,118 @@
1
- @layer design-system.components{.mx-steps{counter-reset:step}.mx-steps__panel{position:relative}.mx-steps__panel:before{content:"";border:2px solid var(--line-colour, var(--colour-border));border:var(--line-width, 2px) solid var(--line-colour, var(--colour-border));background-color:var(--background, var(--colour-background));border-radius:100%;inline-size:var(--counter-size, var(--spacing-l));block-size:var(--counter-size, var(--spacing-l));inset-block-start:0;inset-block-start:var(--counter-top, 0);inset-inline-start:0;position:absolute;z-index:2}.mx-steps__panel:after{align-items:center;color:inherit;color:var(--foreground, inherit);counter-increment:step;content:counter(step) "";display:flex;font-size:var(--font-size-s);font-weight:var(--font-weight-bold);line-height:var(--line-height-ui);inline-size:calc(var(--counter-size, var(--spacing-l)) + (2px * 2));inline-size:calc(var(--counter-size, var(--spacing-l)) + (var(--line-width, 2px) * 2));block-size:calc(var(--counter-size, var(--spacing-l)) + (2px * 2));block-size:calc(var(--counter-size, var(--spacing-l)) + (var(--line-width, 2px) * 2));justify-content:center;inset-block-start:0;inset-block-start:var(--counter-top, 0);inset-inline-start:0;position:absolute;z-index:3;visibility:hidden;visibility:var(--counter-visibility, hidden)}.mx-steps__panel:last-child{--spacing: 0}.mx-steps__panel:has(.mx-steps__panel-content h3:first-child){--counter-top: -.125rem}.mx-steps__panel:has(.mx-steps__panel-content h4:first-child){--counter-top: -.25rem}.mx-steps__panel-content{padding-block:0 var(--spacing, var(--spacing-l));padding-inline-start:var(--indent, var(--spacing-xxl));inline-size:min(100%,var(--container-max-width))}.mx-steps__panel-content:before{content:"";inline-size:2px;inline-size:var(--line-width, 2px);background-color:var(--line-colour, var(--colour-border));inset-inline-start:calc((var(--counter-size, var(--spacing-l)) / 2) - (2px / 2));inset-inline-start:calc((var(--counter-size, var(--spacing-l)) / 2) - (var(--line-width, 2px) / 2));inset-block:0;position:absolute}.mx-steps--dark{--line-colour: var(--colour-primary);--counter-foreground: var(--colour-foreground-reverse)}.mx-steps--supplementary{--line-colour: var(--colour-accent);--counter-foreground: var(--colour-foreground-reverse)}.mx-steps--fill:where(:not(:has(.mx-steps--fill))){--background: var(--line-colour, var(--colour-border));--foreground: var(--counter-foreground, inherit)}.mx-steps--counters{--counter-visibility: visible}}
1
+ /**
2
+ * Steps
3
+ */
4
+
5
+ @layer design-system.components {
6
+ .mx-steps {
7
+ counter-reset: step;
8
+ }
9
+
10
+ .mx-steps__panel {
11
+ position: relative;
12
+ }
13
+
14
+ .mx-steps__panel::before {
15
+ content: "";
16
+ border: 2px solid
17
+ var(--line-colour, var(--colour-border));
18
+ border: var(--line-width, 2px) solid
19
+ var(--line-colour, var(--colour-border));
20
+ background-color: var(--background, var(--colour-background));
21
+ border-radius: 100%;
22
+ inline-size: var(--counter-size, var(--spacing-l));
23
+ block-size: var(--counter-size, var(--spacing-l));
24
+ inset-block-start: 0;
25
+ inset-block-start: var(--counter-top, 0);
26
+ inset-inline-start: 0;
27
+ position: absolute;
28
+ z-index: 2;
29
+ }
30
+
31
+ .mx-steps__panel::after {
32
+ align-items: center;
33
+ color: inherit;
34
+ color: var(--foreground, inherit);
35
+ counter-increment: step;
36
+ content: counter(step) "";
37
+ display: flex;
38
+ font-size: var(--font-size-s);
39
+ font-weight: var(--font-weight-bold);
40
+ line-height: var(--line-height-ui);
41
+ inline-size: calc(
42
+ var(--counter-size, var(--spacing-l)) + (2px * 2)
43
+ );
44
+ inline-size: calc(
45
+ var(--counter-size, var(--spacing-l)) + (var(--line-width, 2px) * 2)
46
+ );
47
+ block-size: calc(
48
+ var(--counter-size, var(--spacing-l)) + (2px * 2)
49
+ );
50
+ block-size: calc(
51
+ var(--counter-size, var(--spacing-l)) + (var(--line-width, 2px) * 2)
52
+ );
53
+ justify-content: center;
54
+ inset-block-start: 0;
55
+ inset-block-start: var(--counter-top, 0);
56
+ inset-inline-start: 0;
57
+ position: absolute;
58
+ z-index: 3;
59
+ visibility: hidden;
60
+ visibility: var(--counter-visibility, hidden);
61
+ }
62
+
63
+ .mx-steps__panel:last-child {
64
+ --spacing: 0;
65
+ }
66
+
67
+ .mx-steps__panel:has(.mx-steps__panel-content h3:first-child) {
68
+ --counter-top: -0.125rem;
69
+ }
70
+
71
+ .mx-steps__panel:has(.mx-steps__panel-content h4:first-child) {
72
+ --counter-top: -0.25rem;
73
+ }
74
+
75
+ .mx-steps__panel-content {
76
+ padding-block: 0 var(--spacing, var(--spacing-l));
77
+ padding-inline-start: var(--indent, var(--spacing-xxl));
78
+ inline-size: min(100%, var(--container-max-width));
79
+ }
80
+
81
+ .mx-steps__panel-content::before {
82
+ content: "";
83
+ inline-size: 2px;
84
+ inline-size: var(--line-width, 2px);
85
+ background-color: var(--line-colour, var(--colour-border));
86
+ inset-inline-start: calc(
87
+ (var(--counter-size, var(--spacing-l)) / 2) -
88
+ (2px / 2)
89
+ );
90
+ inset-inline-start: calc(
91
+ (var(--counter-size, var(--spacing-l)) / 2) -
92
+ (var(--line-width, 2px) / 2)
93
+ );
94
+ inset-block: 0;
95
+ position: absolute;
96
+ }
97
+
98
+ .mx-steps--dark {
99
+ --line-colour: var(--colour-primary);
100
+ --counter-foreground: var(--colour-foreground-reverse);
101
+ }
102
+
103
+ .mx-steps--supplementary {
104
+ --line-colour: var(--colour-accent);
105
+ --counter-foreground: var(--colour-foreground-reverse);
106
+ }
107
+
108
+ .mx-steps--fill:where(:not(:has(.mx-steps--fill))) {
109
+ --background: var(--line-colour, var(--colour-border));
110
+ --foreground: var(--counter-foreground, inherit);
111
+ }
112
+
113
+ .mx-steps--counters {
114
+ --counter-visibility: visible;
115
+ }
116
+ }
117
+
118
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0ZXBzLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTs7QUFFRjtFQUNFO0lBQ0UsbUJBQW1CO0VBQ3JCOztFQUVBO0lBQ0Usa0JBQWtCO0VBa0RwQjs7SUFoREU7TUFDRSxXQUFXO01BQ1g7Z0RBQzBDO01BRDFDO2dEQUMwQztNQUMxQyw2REFBNkQ7TUFDN0QsbUJBQW1CO01BQ25CLGtEQUFrRDtNQUNsRCxpREFBaUQ7TUFDakQsb0JBQXdDO01BQXhDLHdDQUF3QztNQUN4QyxxQkFBcUI7TUFDckIsa0JBQWtCO01BQ2xCLFVBQVU7SUFDWjs7SUFFQTtNQUNFLG1CQUFtQjtNQUNuQixjQUFpQztNQUFqQyxpQ0FBaUM7TUFDakMsdUJBQXVCO01BQ3ZCLHlCQUF5QjtNQUN6QixhQUFhO01BQ2IsNkJBQTZCO01BQzdCLG9DQUFvQztNQUNwQyxrQ0FBa0M7TUFDbEM7O09BRUM7TUFGRDs7T0FFQztNQUNEOztPQUVDO01BRkQ7O09BRUM7TUFDRCx1QkFBdUI7TUFDdkIsb0JBQXdDO01BQXhDLHdDQUF3QztNQUN4QyxxQkFBcUI7TUFDckIsa0JBQWtCO01BQ2xCLFVBQVU7TUFDVixrQkFBNkM7TUFBN0MsNkNBQTZDO0lBQy9DOztJQUVBO01BQ0UsWUFBWTtJQUNkOztJQUVBO01BQ0Usd0JBQW1CO0lBQ3JCOztJQUVBO01BQ0UsdUJBQW1CO0lBQ3JCOztFQUdGO0lBQ0UsaURBQWlEO0lBQ2pELHVEQUF1RDtJQUN2RCxrREFBa0Q7RUFhcEQ7O0lBWEU7TUFDRSxXQUFXO01BQ1gsZ0JBQW1DO01BQW5DLG1DQUFtQztNQUNuQywwREFBMEQ7TUFDMUQ7OztPQUdDO01BSEQ7OztPQUdDO01BQ0QsY0FBYztNQUNkLGtCQUFrQjtJQUNwQjs7RUFHRjtJQUNFLG9DQUFvQztJQUNwQyxzREFBc0Q7RUFDeEQ7O0VBRUE7SUFDRSxtQ0FBbUM7SUFDbkMsc0RBQXNEO0VBQ3hEOztFQUVBO0lBQ0Usc0RBQXNEO0lBQ3RELGdEQUFnRDtFQUNsRDs7RUFFQTtJQUNFLDZCQUE2QjtFQUMvQjtBQUNGIiwiZmlsZSI6InN0ZXBzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogU3RlcHNcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LXN0ZXBzIHtcbiAgICBjb3VudGVyLXJlc2V0OiBzdGVwO1xuICB9XG5cbiAgLm14LXN0ZXBzX19wYW5lbCB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICBib3JkZXI6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgc29saWRcbiAgICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQsIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kKSk7XG4gICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgaW5saW5lLXNpemU6IHZhcigtLWNvdW50ZXItc2l6ZSwgdmFyKC0tc3BhY2luZy1sKSk7XG4gICAgICBibG9jay1zaXplOiB2YXIoLS1jb3VudGVyLXNpemUsIHZhcigtLXNwYWNpbmctbCkpO1xuICAgICAgaW5zZXQtYmxvY2stc3RhcnQ6IHZhcigtLWNvdW50ZXItdG9wLCAwKTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHotaW5kZXg6IDI7XG4gICAgfVxuXG4gICAgJjo6YWZ0ZXIge1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiB2YXIoLS1mb3JlZ3JvdW5kLCBpbmhlcml0KTtcbiAgICAgIGNvdW50ZXItaW5jcmVtZW50OiBzdGVwO1xuICAgICAgY29udGVudDogY291bnRlcihzdGVwKSBcIlwiO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLXMpO1xuICAgICAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnQtd2VpZ2h0LWJvbGQpO1xuICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWxpbmUtaGVpZ2h0LXVpKTtcbiAgICAgIGlubGluZS1zaXplOiBjYWxjKFxuICAgICAgICB2YXIoLS1jb3VudGVyLXNpemUsIHZhcigtLXNwYWNpbmctbCkpICsgKHZhcigtLWxpbmUtd2lkdGgsIDJweCkgKiAyKVxuICAgICAgKTtcbiAgICAgIGJsb2NrLXNpemU6IGNhbGMoXG4gICAgICAgIHZhcigtLWNvdW50ZXItc2l6ZSwgdmFyKC0tc3BhY2luZy1sKSkgKyAodmFyKC0tbGluZS13aWR0aCwgMnB4KSAqIDIpXG4gICAgICApO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBpbnNldC1ibG9jay1zdGFydDogdmFyKC0tY291bnRlci10b3AsIDApO1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgei1pbmRleDogMztcbiAgICAgIHZpc2liaWxpdHk6IHZhcigtLWNvdW50ZXItdmlzaWJpbGl0eSwgaGlkZGVuKTtcbiAgICB9XG5cbiAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgLS1zcGFjaW5nOiAwO1xuICAgIH1cblxuICAgICY6aGFzKC5teC1zdGVwc19fcGFuZWwtY29udGVudCBoMzpmaXJzdC1jaGlsZCkge1xuICAgICAgLS1jb3VudGVyLXRvcDogLTJweDtcbiAgICB9XG5cbiAgICAmOmhhcygubXgtc3RlcHNfX3BhbmVsLWNvbnRlbnQgaDQ6Zmlyc3QtY2hpbGQpIHtcbiAgICAgIC0tY291bnRlci10b3A6IC00cHg7XG4gICAgfVxuICB9XG5cbiAgLm14LXN0ZXBzX19wYW5lbC1jb250ZW50IHtcbiAgICBwYWRkaW5nLWJsb2NrOiAwIHZhcigtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmctbCkpO1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1pbmRlbnQsIHZhcigtLXNwYWNpbmcteHhsKSk7XG4gICAgaW5saW5lLXNpemU6IG1pbigxMDAlLCB2YXIoLS1jb250YWluZXItbWF4LXdpZHRoKSk7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgY29udGVudDogXCJcIjtcbiAgICAgIGlubGluZS1zaXplOiB2YXIoLS1saW5lLXdpZHRoLCAycHgpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogY2FsYyhcbiAgICAgICAgKHZhcigtLWNvdW50ZXItc2l6ZSwgdmFyKC0tc3BhY2luZy1sKSkgLyAyKSAtXG4gICAgICAgICAgKHZhcigtLWxpbmUtd2lkdGgsIDJweCkgLyAyKVxuICAgICAgKTtcbiAgICAgIGluc2V0LWJsb2NrOiAwO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIH1cbiAgfVxuXG4gIC5teC1zdGVwcy0tZGFyayB7XG4gICAgLS1saW5lLWNvbG91cjogdmFyKC0tY29sb3VyLXByaW1hcnkpO1xuICAgIC0tY291bnRlci1mb3JlZ3JvdW5kOiB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZC1yZXZlcnNlKTtcbiAgfVxuXG4gIC5teC1zdGVwcy0tc3VwcGxlbWVudGFyeSB7XG4gICAgLS1saW5lLWNvbG91cjogdmFyKC0tY29sb3VyLWFjY2VudCk7XG4gICAgLS1jb3VudGVyLWZvcmVncm91bmQ6IHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kLXJldmVyc2UpO1xuICB9XG5cbiAgLm14LXN0ZXBzLS1maWxsOndoZXJlKDpub3QoOmhhcygubXgtc3RlcHMtLWZpbGwpKSkge1xuICAgIC0tYmFja2dyb3VuZDogdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICAtLWZvcmVncm91bmQ6IHZhcigtLWNvdW50ZXItZm9yZWdyb3VuZCwgaW5oZXJpdCk7XG4gIH1cblxuICAubXgtc3RlcHMtLWNvdW50ZXJzIHtcbiAgICAtLWNvdW50ZXItdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgfVxufVxuIl19 */
@@ -1 +1,47 @@
1
- @layer design-system.defaults{mx-sticky{display:block}}@layer design-system.components{.sticky{position:sticky;inset-block-start:0;inset-block-start:var(--sticky-offset, 0);z-index:1;z-index:var(--z-index, 1)}@media (min-width: 720px){.sticky--m{position:sticky;inset-block-start:0;inset-block-start:var(--sticky-offset, 0);z-index:1;z-index:var(--z-index, 1)}}@media (min-width: 946px){.sticky--l{position:sticky;inset-block-start:0;inset-block-start:var(--sticky-offset, 0);z-index:1;z-index:var(--z-index, 1)}}.sticky__trigger{position:absolute;inline-size:1px;block-size:1px}}
1
+ /**
2
+ * Sticky
3
+ */
4
+
5
+ @layer design-system.defaults {
6
+ mx-sticky {
7
+ display: block;
8
+ }
9
+ }
10
+
11
+ @layer design-system.components {
12
+ .sticky {
13
+ position: sticky;
14
+ inset-block-start: 0;
15
+ inset-block-start: var(--sticky-offset, 0);
16
+ z-index: 1;
17
+ z-index: var(--z-index, 1);
18
+ }
19
+ @media (min-width: 720px) {
20
+
21
+ .sticky--m {
22
+ position: sticky;
23
+ inset-block-start: 0;
24
+ inset-block-start: var(--sticky-offset, 0);
25
+ z-index: 1;
26
+ z-index: var(--z-index, 1);
27
+ }
28
+ }
29
+ @media (min-width: 946px) {
30
+
31
+ .sticky--l {
32
+ position: sticky;
33
+ inset-block-start: 0;
34
+ inset-block-start: var(--sticky-offset, 0);
35
+ z-index: 1;
36
+ z-index: var(--z-index, 1);
37
+ }
38
+ }
39
+
40
+ .sticky__trigger {
41
+ position: absolute;
42
+ inline-size: 1px;
43
+ block-size: 1px;
44
+ }
45
+ }
46
+
47
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0aWNreS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBUUY7RUFDRTtJQUNFLGNBQWM7RUFDaEI7QUFDRjs7QUFFQTtFQUNFO0lBWkEsZ0JBQWdCO0lBQ2hCLG9CQUEwQztJQUExQywwQ0FBMEM7SUFDMUMsVUFBMEI7SUFBMUIsMEJBQTBCO0VBWTFCO0lBR0U7O0VBREY7TUFoQkEsZ0JBQWdCO01BQ2hCLG9CQUEwQztNQUExQywwQ0FBMEM7TUFDMUMsVUFBMEI7TUFBMUIsMEJBQTBCO0VBa0IxQjtJQURFO0lBSUE7O0VBREY7TUF0QkEsZ0JBQWdCO01BQ2hCLG9CQUEwQztNQUExQywwQ0FBMEM7TUFDMUMsVUFBMEI7TUFBMUIsMEJBQTBCO0VBd0IxQjtJQURFOztFQUdGO0lBQ0Usa0JBQWtCO0lBQ2xCLGdCQUFnQjtJQUNoQixlQUFlO0VBQ2pCO0FBQ0YiLCJmaWxlIjoic3RpY2t5LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogU3RpY2t5XG4gKi9cblxuQGRlZmluZS1taXhpbiBzdGlja3kge1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICBpbnNldC1ibG9jay1zdGFydDogdmFyKC0tc3RpY2t5LW9mZnNldCwgMCk7XG4gIHotaW5kZXg6IHZhcigtLXotaW5kZXgsIDEpO1xufVxuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5kZWZhdWx0cyB7XG4gIG14LXN0aWNreSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbn1cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0uY29tcG9uZW50cyB7XG4gIC5zdGlja3kge1xuICAgIEBtaXhpbiBzdGlja3k7XG4gIH1cblxuICAuc3RpY2t5LS1tIHtcbiAgICBAbWVkaWEgKC0tbWVkaXVtLXVwKSB7XG4gICAgICBAbWl4aW4gc3RpY2t5O1xuICAgIH1cbiAgfVxuXG4gIC5zdGlja3ktLWwge1xuICAgIEBtZWRpYSAoLS1sYXJnZS11cCkge1xuICAgICAgQG1peGluIHN0aWNreTtcbiAgICB9XG4gIH1cblxuICAuc3RpY2t5X190cmlnZ2VyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgaW5saW5lLXNpemU6IDFweDtcbiAgICBibG9jay1zaXplOiAxcHg7XG4gIH1cbn1cbiJdfQ== */