Docs: Revamp extensions site (#1260)

Co-authored-by: Nahiyan Khan <nahiyan@squareup.com>
This commit is contained in:
Adewale Abati
2025-03-24 14:56:40 +01:00
committed by GitHub
parent eb9b7fa5ee
commit bf760fd630
56 changed files with 2019 additions and 1029 deletions

View File

@@ -49,6 +49,25 @@
--ifm-code-font-size: 95%;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
/* Additional Arcade color system variables */
--background-app: var(--constant-white);
--background-prominent: var(--grey-80);
--background-standard: var(--grey-90);
--background-subtle: var(--grey-95);
--border-divider: var(--grey-90);
--border-inverse: var(--constant-white);
--border-prominent: var(--grey-10);
--border-standard: var(--grey-60);
--border-subtle: var(--grey-90);
--icon-disabled: var(--grey-60);
--icon-extra-subtle: var(--grey-60);
--icon-inverse: var(--constant-white);
--icon-prominent: var(--grey-10);
--icon-standard: var(--grey-20);
--icon-subtle: var(--grey-50);
/* arcade colors */
--constant-white: #ffffff;
--constant-black: #000000;
@@ -162,8 +181,7 @@
/* video adnomition */
--ifm-color-video-alert-contrast-background: #336e62;
--ifm-color-video-alert-contrast-foreground: rgb(216 251 216);
--ifm-color-video-alert-border: #99d5c5
;
--ifm-color-video-alert-border: #99d5c5;
}
/* overrides */
@@ -255,13 +273,64 @@ html[data-theme="light"] .hide-in-light {
}
.alert--video {
--ifm-alert-background-color: var(--ifm-color-video-alert-contrast-background);
--ifm-alert-background-color: var(
--ifm-color-video-alert-contrast-background
);
--ifm-alert-background-color-highlight: rgba(84, 199, 236, 0.15);
--ifm-alert-foreground-color: var(--ifm-color-video-alert-contrast-foreground);
--ifm-alert-foreground-color: var(
--ifm-color-video-alert-contrast-foreground
);
--ifm-alert-border-color: var(--ifm-color-video-alert-border);
}
.aspect-ratio{
aspect-ratio: 16 / 9;
width: 100%;
}
}
.navbar {
border-bottom: 1px solid var(--border-divider);
}
.navbar__item {
display: flex;
align-items: center;
}
.iconExternalLink_nPIU {
margin-left: 8px !important;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
.container {
width: 100%;
}