mirror of
https://github.com/aljazceru/goose.git
synced 2026-01-19 14:24:30 +01:00
Docs: Revamp extensions site (#1260)
Co-authored-by: Nahiyan Khan <nahiyan@squareup.com>
This commit is contained in:
@@ -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%;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user