@schalkneethling/miyagi-core 4.4.2 → 4.4.3

package/frontend/assets/css/main/menu/config-switchers.css

@@ -1,67 +1,67 @@
 @import url("./config-switcher.css");
 
 .ConfigSwitchers {
-	display: flex;
-	background: var(--bar-background);
+  display: flex;
+  background: var(--bar-background);
 }
 
 .ConfigSwitchers-toggle {
-	--size: var(--bar-size);
+  --size: var(--bar-size);
 
-	align-items: center;
-	color: var(--color-Icon);
-	display: flex;
-	flex-shrink: 0;
-	gap: 0.5em;
-	cursor: pointer;
-	border-block-start: var(--divider);
-	inline-size: 100%;
+  align-items: center;
+  color: var(--color-Icon);
+  display: flex;
+  flex-shrink: 0;
+  gap: 0.5em;
+  cursor: pointer;
+  border-block-start: var(--divider);
+  inline-size: 100%;
 
-	svg {
-		display: block;
-		inline-size: var(--size);
-		block-size: var(--size);
-		padding: 0.45em;
-	}
+  svg {
+    display: block;
+    inline-size: var(--size);
+    block-size: var(--size);
+    padding: 0.45em;
+  }
 }
 
 .ConfigSwitchers-toggle:focus-visible {
-	outline-offset: calc(-1 * var(--outline-offset));
+  outline-offset: calc(-1 * var(--outline-offset));
 }
 
 .ConfigSwitchers-toggleClose {
-	fill: currentcolor;
-	block-size: 75%;
-	inline-size: 75%;
+  fill: currentcolor;
+  block-size: 75%;
+  inline-size: 75%;
 }
 
 .ConfigSwitchers-toggle[aria-expanded="false"] .ConfigSwitchers-toggleClose {
-	display: none;
+  display: none;
 }
 
 .ConfigSwitchers-toggle[aria-expanded="true"] .ConfigSwitchers-toggleOpen {
-	display: none;
+  display: none;
 }
 
 .ConfigSwitchers-container {
-	padding: var(--bar-size);
-	padding-inline-start: calc(2 * var(--bar-size));
-	flex: 1;
-	position: absolute;
-	z-index: 2;
-	inset-block: 0 calc(var(--bar-size) + 0.0625rem);
-	inset-inline: 0;
-	background: var(--bar-background);
+  padding: var(--bar-size);
+  padding-inline-start: calc(2 * var(--bar-size));
+  flex: 1;
+  position: absolute;
+  z-index: 2;
+  inset-block: 0 calc(var(--bar-size) + 0.0625rem);
+  inset-inline: 0;
+  background: var(--bar-background);
 }
 
 .ConfigSwitchers-container > * + * {
-	margin-block-start: var(--menu-spacing);
+  margin-block-start: var(--menu-spacing);
 }
 
 .ConfigSwitchers-toggle[aria-expanded="false"] ~ .ConfigSwitchers-container {
-	display: none;
+  display: none;
 }
 
 .ConfigSwitchers-toggle[aria-expanded="true"] ~ .ConfigSwitchers-container {
-	display: block;
+  display: block;
 }

package/frontend/assets/css/main/menu/goto.css

@@ -1,24 +1,24 @@
 .GoTo {
-	box-shadow: 0 0 1rem rgb(0 0 0 / 50%);
-	position: fixed;
-	inset-block-start: 50%;
-	inset-inline-start: 50%;
-	transform: translate(-50%, -50%);
-	background: var(--color-Menu-background);
-	padding: 0.25em 0.5em 0.5em;
-	inline-size: calc(100% - 1rem);
-	max-inline-size: 20em;
+  box-shadow: 0 0 1rem rgb(0 0 0 / 50%);
+  position: fixed;
+  inset-block-start: 50%;
+  inset-inline-start: 50%;
+  transform: translate(-50%, -50%);
+  background: var(--color-Menu-background);
+  padding: 0.25em 0.5em 0.5em;
+  inline-size: calc(100% - 1rem);
+  max-inline-size: 20em;
 }
 
 .GoTo-label {
-	display: block;
+  display: block;
 }
 
 .GoTo-input {
-	outline: var(--divider);
-	box-shadow: 0.1em 0.1em 0.3em rgb(0 0 0 / 20%) inset;
-	background: var(--color-Menu-background);
-	padding: 0.35em 0.5em;
-	margin-block-start: 0.25em;
-	inline-size: 100%;
+  outline: var(--divider);
+  box-shadow: 0.1em 0.1em 0.3em rgb(0 0 0 / 20%) inset;
+  background: var(--color-Menu-background);
+  padding: 0.35em 0.5em;
+  margin-block-start: 0.25em;
+  inline-size: 100%;
 }

package/frontend/assets/css/main/menu/nav.css

@@ -1,113 +1,113 @@
 /** @define Nav; */
 
 .Nav-entry {
-	position: relative;
+  position: relative;
 }
 
 .Nav-entry:not(.Nav-entry--lvl0)::before {
-	content: "";
-	display: block;
-	inline-size: var(--bar-size);
-	position: absolute;
-	inset-block: 0;
-	inset-inline-start: 0;
-	background: var(--color-MenuBar-background);
+  content: "";
+  display: block;
+  inline-size: var(--bar-size);
+  position: absolute;
+  inset-block: 0;
+  inset-inline-start: 0;
+  background: var(--color-MenuBar-background);
 }
 
 .Nav-entry--directory {
-	border-block-start: var(--divider);
+  border-block-start: var(--divider);
 }
 
 .Nav-entry--lvl0:last-child {
-	border-block-end: var(--divider);
+  border-block-end: var(--divider);
 }
 
 .Nav-wrapper {
-	position: relative;
+  position: relative;
 }
 
 .Nav-toggle {
-	display: block;
-	position: absolute;
-	z-index: 1;
-	inset-block: 0;
-	inset-inline-end: 0;
-	inline-size: var(--bar-size);
+  display: block;
+  position: absolute;
+  z-index: 1;
+  inset-block: 0;
+  inset-inline-end: 0;
+  inline-size: var(--bar-size);
 }
 
 .Nav-toggle::after {
-	border: var(--toggle-border);
-	border-block-start-width: var(--toggle-borderWidth);
-	border-inline-end-width: var(--toggle-borderWidth);
-	content: "";
-	display: block;
-	font-size: var(--toggle-fontSize);
-	block-size: var(--toggle-height);
-	position: absolute;
-	inset-block-start: 50%;
-	inset-inline-start: 50%;
-	transition: var(--toggle-transition);
-	inline-size: var(--toggle-width);
+  border: var(--toggle-border);
+  border-block-start-width: var(--toggle-borderWidth);
+  border-inline-end-width: var(--toggle-borderWidth);
+  content: "";
+  display: block;
+  font-size: var(--toggle-fontSize);
+  block-size: var(--toggle-height);
+  position: absolute;
+  inset-block-start: 50%;
+  inset-inline-start: 50%;
+  transition: var(--toggle-transition);
+  inline-size: var(--toggle-width);
 }
 
 .Nav-toggle[aria-expanded="false"]::after {
-	transform: var(--toggle-transition-closed);
+  transform: var(--toggle-transition-closed);
 }
 
 .Nav-toggle[aria-expanded="true"]::after {
-	transform: var(--toggle-transition-opened);
-	border-color: var(--color-Text);
+  transform: var(--toggle-transition-opened);
+  border-color: var(--color-Text);
 }
 
 .Nav-item,
 .Nav-variant {
-	display: block;
-	padding-block: var(--menu-spacing);
-	padding-inline-start: calc(var(--level, 1) * 1em + var(--menu-spacing));
-	margin-inline-start: var(--bar-size);
+  display: block;
+  padding-block: var(--menu-spacing);
+  padding-inline-start: calc(var(--level, 1) * 1em + var(--menu-spacing));
+  margin-inline-start: var(--bar-size);
 }
 
 :where(.Nav-item, .Nav-variant):not(:has(mark)),
 :where(.Nav-item, .Nav-variant) mark {
-	text-transform: capitalize;
+  text-transform: capitalize;
 }
 
 :where(.Nav-item, .Nav-variant)[aria-current="page"] {
-	background: var(--color-Link-active-background);
-	color: var(--color-Link-active, var(--color-Link));
+  background: var(--color-Link-active-background);
+  color: var(--color-Link-active, var(--color-Link));
 }
 
 .is-no-match:not(:has(.is-match)) {
-	display: none;
+  display: none;
 }
 
 .Nav-entry--directory.has-match > .Nav-toggle,
 .Nav-entry--directory.is-match * {
-	opacity: 1 !important;
+  opacity: 1 !important;
 }
 
 .Nav-item--directory {
-	color: var(--color-Link);
-	cursor: default;
-	opacity: 0.75;
+  color: var(--color-Link);
+  cursor: default;
+  opacity: 0.75;
 }
 
 .Nav-item--link {
-	font-weight: 600;
+  font-weight: 600;
 }
 
 .Nav-item--link,
 .Nav-variant {
-	color: var(--color-Link);
-	text-decoration: none;
+  color: var(--color-Link);
+  text-decoration: none;
 }
 
 .Nav-item--link:where(:hover, :focus),
 .Nav-variant:where(:hover, :focus) {
-	text-decoration: underline;
+  text-decoration: underline;
 }
 
 .Nav-toggle:focus-visible,
 .Nav-item:focus-visible {
-	outline-offset: calc(-1 * var(--outline-offset));
+  outline-offset: calc(-1 * var(--outline-offset));
 }

package/frontend/assets/css/main/menu/search.css

@@ -1,64 +1,64 @@
 /** @define Search; */
 
 .Search {
-	border-block: var(--divider);
-	display: flex;
-	margin-block-end: var(--spacing-x);
-	position: relative;
+  border-block: var(--divider);
+  display: flex;
+  margin-block-end: var(--spacing-x);
+  position: relative;
 }
 
 .Search-label {
-	--size: var(--bar-size);
+  --size: var(--bar-size);
 
-	align-items: center;
-	display: flex;
-	flex-shrink: 0;
-	block-size: var(--size);
-	justify-content: center;
-	inline-size: var(--size);
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+  block-size: var(--size);
+  justify-content: center;
+  inline-size: var(--size);
 }
 
 .Search-clear:not([hidden]) {
-	--size: var(--bar-size);
+  --size: var(--bar-size);
 
-	align-items: center;
-	display: flex;
-	justify-content: center;
-	inline-size: var(--size);
-	block-size: var(--size);
-	border-radius: 50%;
-	position: absolute;
-	inset-inline-end: 0;
-	inset-block-start: 0;
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  inline-size: var(--size);
+  block-size: var(--size);
+  border-radius: 50%;
+  position: absolute;
+  inset-inline-end: 0;
+  inset-block-start: 0;
 }
 
 .Search-icon {
-	color: var(--color-Icon);
-	display: block;
-	inline-size: 50%;
-	block-size: 50%;
+  color: var(--color-Icon);
+  display: block;
+  inline-size: 50%;
+  block-size: 50%;
 }
 
 .Search-icon path {
-	fill: currentcolor;
+  fill: currentcolor;
 }
 
 .Search-icon circle {
-	fill: none;
-	stroke: currentcolor;
+  fill: none;
+  stroke: currentcolor;
 }
 
 .Search-input {
-	padding: 0.35em var(--menu-spacing);
-	padding-inline-end: 2.5em;
-	inline-size: calc(100% - var(--bar-size));
+  padding: 0.35em var(--menu-spacing);
+  padding-inline-end: 2.5em;
+  inline-size: calc(100% - var(--bar-size));
 }
 
 .Search-input:focus {
-	outline: none;
-	background: var(--color-Link-active-background);
+  outline: none;
+  background: var(--color-Link-active-background);
 }
 
 .Search-clear:focus-visible {
-	outline-offset: calc(-1 * var(--outline-offset));
+  outline-offset: calc(-1 * var(--outline-offset));
 }

package/frontend/assets/css/main/menu/title.css

@@ -1,40 +1,40 @@
 /** @define Title; */
 
 .Title {
-	display: flex;
-	justify-content: center;
-	margin-inline-start: calc(var(--menu-spacing) + var(--bar-size));
-	margin-inline-end: var(--menu-spacing);
+  display: flex;
+  justify-content: center;
+  margin-inline-start: calc(var(--menu-spacing) + var(--bar-size));
+  margin-inline-end: var(--menu-spacing);
 }
 
 .Title-link {
-	display: inline-block;
-	font-size: 0.875em;
-	font-weight: 500;
+  display: inline-block;
+  font-size: 0.875em;
+  font-weight: 500;
 }
 
 .Title-link:focus-visible {
-	outline-offset: var(--outline-offset);
+  outline-offset: var(--outline-offset);
 }
 
 .Title-logo img {
-	max-inline-size: 100%;
-	min-inline-size: 50%;
-	vertical-align: middle;
+  max-inline-size: 100%;
+  min-inline-size: 50%;
+  vertical-align: middle;
 }
 
 .Title-logo + .Title-name {
-	display: none;
+  display: none;
 }
 
 @media (width <= 40rem) {
-	.Title-logo img {
-		block-size: 2rem;
-	}
+  .Title-logo img {
+    block-size: 2rem;
+  }
 }
 
 @media (width > 40rem) {
-	.Title {
-		margin-block: 1.5rem;
-	}
+  .Title {
+    margin-block: 1.5rem;
+  }
 }

package/frontend/assets/css/main/menu.css

@@ -7,108 +7,108 @@
 /** @define Menu; */
 
 .Menu {
-	--bar-size: 2rem;
-	--bar-background: var(--color-Menu-background)
-		linear-gradient(
-			to right,
-			var(--color-MenuBar-background) var(--bar-size),
-			transparent var(--bar-size)
-		);
-	--menu-spacing: 0.5rem;
-	--outline: 0.1875rem solid var(--color-Text);
-	--outline-offset: 0.125rem;
-
-	display: flex;
-	background: var(--bar-background);
-	grid-area: nav;
-	font-size: 0.875em;
-	position: relative;
+  --bar-size: 2rem;
+  --bar-background: var(--color-Menu-background)
+    linear-gradient(
+      to right,
+      var(--color-MenuBar-background) var(--bar-size),
+      transparent var(--bar-size)
+    );
+  --menu-spacing: 0.5rem;
+  --outline: 0.1875rem solid var(--color-Text);
+  --outline-offset: 0.125rem;
+
+  display: flex;
+  background: var(--bar-background);
+  grid-area: nav;
+  font-size: 0.875em;
+  position: relative;
 }
 
 .Menu :where(:focus-visible) {
-	outline: var(--outline);
+  outline: var(--outline);
 }
 
 .Menu-content {
-	display: flex;
-	flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
 
 .Menu-nav {
-	flex: 1;
-	overflow-y: auto;
+  flex: 1;
+  overflow-y: auto;
 }
 
 @media (width <= 40rem) {
-	.Menu {
-		--toggle-size: 4rem;
-
-		align-items: center;
-		flex-wrap: wrap;
-		justify-content: space-between;
-	}
-
-	.Menu-content {
-		flex: 0 0 100%;
-		block-size: calc(100dvb - var(--toggle-size));
-		position: fixed;
-		inset-block-start: var(--toggle-size);
-		inset-inline: 0;
-		background: var(--bar-background);
-	}
-
-	.Menu-search {
-		position: relative;
-	}
-
-	.Menu-toggleMobileMenu {
-		display: block;
-		block-size: var(--toggle-size);
-		padding: 1rem;
-		position: relative;
-		inline-size: var(--toggle-size);
-	}
-
-	.Menu-toggleMobileMenu[aria-expanded="false"] ~ .Menu-content {
-		display: none;
-	}
-
-	.Menu-toggleMobileMenu::after {
-		border: var(--toggle-border);
-		border-top-width: var(--toggle-borderWidth);
-		border-inline-end-width: var(--toggle-borderWidth);
-		content: "";
-		display: block;
-		font-size: 0.75em;
-		block-size: var(--toggle-height);
-		position: absolute;
-		inset-block-start: 50%;
-		inset-inline-start: 50%;
-		transition: var(--toggle-transition);
-		inline-size: var(--toggle-width);
-	}
-
-	.Menu-toggleMobileMenu[aria-expanded="false"]::after {
-		transform: var(--toggle-transition-closed);
-	}
-
-	.Menu-toggleMobileMenu[aria-expanded="true"]::after {
-		transform: var(--toggle-transition-opened);
-	}
+  .Menu {
+    --toggle-size: 4rem;
+
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: space-between;
+  }
+
+  .Menu-content {
+    flex: 0 0 100%;
+    block-size: calc(100dvb - var(--toggle-size));
+    position: fixed;
+    inset-block-start: var(--toggle-size);
+    inset-inline: 0;
+    background: var(--bar-background);
+  }
+
+  .Menu-search {
+    position: relative;
+  }
+
+  .Menu-toggleMobileMenu {
+    display: block;
+    block-size: var(--toggle-size);
+    padding: 1rem;
+    position: relative;
+    inline-size: var(--toggle-size);
+  }
+
+  .Menu-toggleMobileMenu[aria-expanded="false"] ~ .Menu-content {
+    display: none;
+  }
+
+  .Menu-toggleMobileMenu::after {
+    border: var(--toggle-border);
+    border-top-width: var(--toggle-borderWidth);
+    border-inline-end-width: var(--toggle-borderWidth);
+    content: "";
+    display: block;
+    font-size: 0.75em;
+    block-size: var(--toggle-height);
+    position: absolute;
+    inset-block-start: 50%;
+    inset-inline-start: 50%;
+    transition: var(--toggle-transition);
+    inline-size: var(--toggle-width);
+  }
+
+  .Menu-toggleMobileMenu[aria-expanded="false"]::after {
+    transform: var(--toggle-transition-closed);
+  }
+
+  .Menu-toggleMobileMenu[aria-expanded="true"]::after {
+    transform: var(--toggle-transition-opened);
+  }
 }
 
 @media (width > 40rem) {
-	.Menu {
-		flex-direction: column;
-		block-size: 100vh;
-	}
-
-	.Menu-toggleMobileMenu {
-		display: none;
-	}
-
-	.Menu-content {
-		flex: 1;
-		overflow: hidden;
-	}
+  .Menu {
+    flex-direction: column;
+    block-size: 100vh;
+  }
+
+  .Menu-toggleMobileMenu {
+    display: none;
+  }
+
+  .Menu-content {
+    flex: 1;
+    overflow: hidden;
+  }
 }