diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index 3c35941d2..bfb7a2395 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -1,31 +1,31 @@
----
-import { LinkButton } from '@astrojs/starlight/components';
-import { Image } from 'astro:assets';
-
-const { tagline, getStarted, v1Docs } = Astro.props;
----
-
-
-
-
-
-
+---
+import { LinkButton } from '@astrojs/starlight/components';
+import { Image } from 'astro:assets';
+
+const { tagline, getStarted, v1Docs } = Astro.props;
+---
+
+
+
+
+
+
diff --git a/src/components/sponsors/OpenCollective/Main.astro b/src/components/sponsors/OpenCollective/Main.astro
index bfb95ce25..f02b52aab 100644
--- a/src/components/sponsors/OpenCollective/Main.astro
+++ b/src/components/sponsors/OpenCollective/Main.astro
@@ -109,7 +109,6 @@ const totalBronzeSponsors = sponsorsByTier.bronze.length;
.sponsor-container.silver > div {
margin-inline-start: calc(var(--silver-overlap) * -1);
-
}
.sponsor-container.silver {
diff --git a/src/styles/custom.scss b/src/styles/custom.scss
index 647dcd925..bb191ce34 100644
--- a/src/styles/custom.scss
+++ b/src/styles/custom.scss
@@ -34,7 +34,6 @@
color: var(--sl-color-white) !important;
}
-
.sl-markdown-content .inline-icon {
display: inline-block;
}
@@ -52,7 +51,7 @@ figcaption {
text-align: center;
}
-figure>img {
+figure > img {
margin-left: auto;
margin-right: auto;
-}
\ No newline at end of file
+}
diff --git a/src/styles/lp.scss b/src/styles/lp.scss
index 81df83b15..9f1d915dc 100644
--- a/src/styles/lp.scss
+++ b/src/styles/lp.scss
@@ -1,199 +1,193 @@
-.lp-tauri-logo {
- max-width: 360px;
- // margin-inline: auto;
-}
-
-:root[data-theme='light'] {
- .lp-tauri-logo.light {
- display: block;
- }
-
- .lp-tauri-logo.dark {
- display: none;
- }
-}
-
-.lp-tauri-logo.light {
- display: none;
-}
-
-.lp-content {
- margin-block: 2rem;
- margin-inline: auto;
- min-height: 360px;
-}
-
-.lp-header {
- display: grid;
- grid-template-columns: 7fr 3fr;
- gap: 3%;
- padding-bottom: 2em;
- align-items: center;
-}
-
-
-.lp-tagline {
- font-size: 1.2rem;
- font-weight: 600;
- margin-bottom: 1rem;
- position: relative;
-}
-
-
-// hide h1 title
-.content-panel:has(h1#_top:not([data-page-title])) {
- display: none;
-}
-
-
-
-.lp-hero>img {
- animation: 3s intro;
- animation-fill-mode: forwards;
- transition: opacity 1s ease-in-out;
- opacity: 0.2;
- width: 400px;
- height: 400px;
- margin-block: auto;
-}
-
-@media (min-width: 50rem) {
- .lp-hero>img {
- opacity: 0.5;
- }
-}
-
-@keyframes intro {
- 0% {
- scale: 1.8;
- opacity: 0;
- }
-
- 80% {
- scale: 1.2;
- opacity: 0.5;
- }
-
- 100% {
- scale: 1.1;
- }
-}
-
-:root[data-theme='light'] .lp-hero>img {
- filter: invert(1);
-}
-
-
-@media (prefers-reduced-motion) {
- * {
- transition: none !important;
- }
-}
-
-
-
-
-/* Index hero background */
-.hero-bg {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: block;
- z-index: -1;
- opacity: 0.7;
- overflow: hidden;
- background:
- linear-gradient(-90deg, var(--sl-color-gray-6) 1px, transparent 1px),
- linear-gradient(var(--sl-color-gray-6) 1px, transparent 1px),
- linear-gradient(-90deg, var(--sl-color-gray-6) 1px, transparent 1px),
- linear-gradient(var(--sl-color-gray-6) 1px, transparent 1px),
- linear-gradient(transparent 6px, transparent 6px, transparent 156px, transparent 156px),
- linear-gradient(-90deg, var(--sl-color-gray-6) 1px, transparent 1px),
- linear-gradient(-90deg, transparent 6px, transparent 6px, transparent 156px, transparent 156px),
- linear-gradient(var(--sl-color-gray-6) 1px, transparent 1px), transparent;
- background-size:
- 32px 32px,
- 32px 32px,
- 256px 256px,
- 256px 256px,
- 256px 256px,
- 256px 256px,
- 256px 256px,
- 256px 256px;
-}
-
-/* Transition hero background grid smoothly to page background color. */
-.hero-bg::after {
- content: '';
- position: absolute;
- inset: 70% 0 0;
- background: linear-gradient(transparent, var(--sl-color-bg));
-}
-
-.bg-grad {
- position: absolute;
- top: -50%;
- left: 50%;
- width: 150vh;
- height: 150vh;
- opacity: 0.3;
- background: radial-gradient(circle, var(--sl-color-accent) 0%, transparent 70%);
- animation: 6s intro;
-}
-
-.bg-grad-red {
- position: absolute;
- top: 0%;
- left: -50%;
- width: 150vh;
- height: 150vh;
- opacity: 0.3;
- background: radial-gradient(circle, var(--sl-color-orange) 0%, transparent 70%);
- animation: 14s intro;
-}
-
-:root[data-theme='light'] {
- .bg-grad {
- opacity: 0.9;
- }
-
- .bg-grad-red {
- opacity: 1;
- }
-
- .hero-bg {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: block;
- z-index: -1;
- opacity: 0.4;
- overflow: hidden;
- background:
- linear-gradient(-90deg, var(--sl-color-gray-4) 1px, transparent 1px),
- linear-gradient(var(--sl-color-gray-4) 1px, transparent 1px),
- linear-gradient(-90deg, var(--sl-color-gray-4) 1px, transparent 1px),
- linear-gradient(var(--sl-color-gray-4) 1px, transparent 1px),
- linear-gradient(transparent 6px, transparent 6px, transparent 156px, transparent 156px),
- linear-gradient(-90deg, var(--sl-color-gray-4) 1px, transparent 1px),
- linear-gradient(-90deg,
- transparent 6px,
- transparent 6px,
- transparent 156px,
- transparent 156px),
- linear-gradient(var(--sl-color-gray-5) 1px, transparent 1px), transparent;
- background-size:
- 32px 32px,
- 32px 32px,
- 256px 256px,
- 256px 256px,
- 256px 256px,
- 256px 256px,
- 256px 256px,
- 256px 256px;
- }
-}
\ No newline at end of file
+.lp-tauri-logo {
+ max-width: 360px;
+ // margin-inline: auto;
+}
+
+:root[data-theme='light'] {
+ .lp-tauri-logo.light {
+ display: block;
+ }
+
+ .lp-tauri-logo.dark {
+ display: none;
+ }
+}
+
+.lp-tauri-logo.light {
+ display: none;
+}
+
+.lp-content {
+ margin-block: 2rem;
+ margin-inline: auto;
+ min-height: 360px;
+}
+
+.lp-header {
+ display: grid;
+ grid-template-columns: 7fr 3fr;
+ gap: 3%;
+ padding-bottom: 2em;
+ align-items: center;
+}
+
+.lp-tagline {
+ font-size: 1.2rem;
+ font-weight: 600;
+ margin-bottom: 1rem;
+ position: relative;
+}
+
+// hide h1 title
+.content-panel:has(h1#_top:not([data-page-title])) {
+ display: none;
+}
+
+.lp-hero > img {
+ animation: 3s intro;
+ animation-fill-mode: forwards;
+ transition: opacity 1s ease-in-out;
+ opacity: 0.2;
+ width: 400px;
+ height: 400px;
+ margin-block: auto;
+}
+
+@media (min-width: 50rem) {
+ .lp-hero > img {
+ opacity: 0.5;
+ }
+}
+
+@keyframes intro {
+ 0% {
+ scale: 1.8;
+ opacity: 0;
+ }
+
+ 80% {
+ scale: 1.2;
+ opacity: 0.5;
+ }
+
+ 100% {
+ scale: 1.1;
+ }
+}
+
+:root[data-theme='light'] .lp-hero > img {
+ filter: invert(1);
+}
+
+@media (prefers-reduced-motion) {
+ * {
+ transition: none !important;
+ }
+}
+
+/* Index hero background */
+.hero-bg {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ z-index: -1;
+ opacity: 0.7;
+ overflow: hidden;
+ background:
+ linear-gradient(-90deg, var(--sl-color-gray-6) 1px, transparent 1px),
+ linear-gradient(var(--sl-color-gray-6) 1px, transparent 1px),
+ linear-gradient(-90deg, var(--sl-color-gray-6) 1px, transparent 1px),
+ linear-gradient(var(--sl-color-gray-6) 1px, transparent 1px),
+ linear-gradient(transparent 6px, transparent 6px, transparent 156px, transparent 156px),
+ linear-gradient(-90deg, var(--sl-color-gray-6) 1px, transparent 1px),
+ linear-gradient(-90deg, transparent 6px, transparent 6px, transparent 156px, transparent 156px),
+ linear-gradient(var(--sl-color-gray-6) 1px, transparent 1px), transparent;
+ background-size:
+ 32px 32px,
+ 32px 32px,
+ 256px 256px,
+ 256px 256px,
+ 256px 256px,
+ 256px 256px,
+ 256px 256px,
+ 256px 256px;
+}
+
+/* Transition hero background grid smoothly to page background color. */
+.hero-bg::after {
+ content: '';
+ position: absolute;
+ inset: 70% 0 0;
+ background: linear-gradient(transparent, var(--sl-color-bg));
+}
+
+.bg-grad {
+ position: absolute;
+ top: -50%;
+ left: 50%;
+ width: 150vh;
+ height: 150vh;
+ opacity: 0.3;
+ background: radial-gradient(circle, var(--sl-color-accent) 0%, transparent 70%);
+ animation: 6s intro;
+}
+
+.bg-grad-red {
+ position: absolute;
+ top: 0%;
+ left: -50%;
+ width: 150vh;
+ height: 150vh;
+ opacity: 0.3;
+ background: radial-gradient(circle, var(--sl-color-orange) 0%, transparent 70%);
+ animation: 14s intro;
+}
+
+:root[data-theme='light'] {
+ .bg-grad {
+ opacity: 0.9;
+ }
+
+ .bg-grad-red {
+ opacity: 1;
+ }
+
+ .hero-bg {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ z-index: -1;
+ opacity: 0.4;
+ overflow: hidden;
+ background:
+ linear-gradient(-90deg, var(--sl-color-gray-4) 1px, transparent 1px),
+ linear-gradient(var(--sl-color-gray-4) 1px, transparent 1px),
+ linear-gradient(-90deg, var(--sl-color-gray-4) 1px, transparent 1px),
+ linear-gradient(var(--sl-color-gray-4) 1px, transparent 1px),
+ linear-gradient(transparent 6px, transparent 6px, transparent 156px, transparent 156px),
+ linear-gradient(-90deg, var(--sl-color-gray-4) 1px, transparent 1px),
+ linear-gradient(
+ -90deg,
+ transparent 6px,
+ transparent 6px,
+ transparent 156px,
+ transparent 156px
+ ),
+ linear-gradient(var(--sl-color-gray-5) 1px, transparent 1px), transparent;
+ background-size:
+ 32px 32px,
+ 32px 32px,
+ 256px 256px,
+ 256px 256px,
+ 256px 256px,
+ 256px 256px,
+ 256px 256px,
+ 256px 256px;
+ }
+}