96 linhas
2,6 KiB
CSS
96 linhas
2,6 KiB
CSS
@import "./callouts.css";
|
|
|
|
:root {
|
|
/* Colors */
|
|
--vp-c-default-1: var(--vp-c-gray-1);
|
|
--vp-c-default-2: var(--vp-c-gray-2);
|
|
--vp-c-default-3: var(--vp-c-gray-3);
|
|
--vp-c-default-soft: var(--vp-c-gray-soft);
|
|
|
|
--vp-c-brand-1: var(--vp-c-indigo-1);
|
|
--vp-c-brand-2: var(--vp-c-indigo-2);
|
|
--vp-c-brand-3: var(--vp-c-indigo-3);
|
|
--vp-c-brand-soft: var(--vp-c-indigo-soft);
|
|
|
|
--vp-c-tip-1: var(--vp-c-brand-1);
|
|
--vp-c-tip-2: var(--vp-c-brand-2);
|
|
--vp-c-tip-3: var(--vp-c-brand-3);
|
|
--vp-c-tip-soft: var(--vp-c-brand-soft);
|
|
|
|
--vp-c-warning-1: var(--vp-c-yellow-1);
|
|
--vp-c-warning-2: var(--vp-c-yellow-2);
|
|
--vp-c-warning-3: var(--vp-c-yellow-3);
|
|
--vp-c-warning-soft: var(--vp-c-yellow-soft);
|
|
|
|
--vp-c-danger-1: var(--vp-c-red-1);
|
|
--vp-c-danger-2: var(--vp-c-red-2);
|
|
--vp-c-danger-3: var(--vp-c-red-3);
|
|
--vp-c-danger-soft: var(--vp-c-red-soft);
|
|
|
|
/* Buttons */
|
|
--vp-button-brand-border: transparent;
|
|
--vp-button-brand-text: var(--vp-c-white);
|
|
--vp-button-brand-bg: var(--vp-c-brand-3);
|
|
--vp-button-brand-hover-border: transparent;
|
|
--vp-button-brand-hover-text: var(--vp-c-white);
|
|
--vp-button-brand-hover-bg: var(--vp-c-brand-2);
|
|
--vp-button-brand-active-border: transparent;
|
|
--vp-button-brand-active-text: var(--vp-c-white);
|
|
--vp-button-brand-active-bg: var(--vp-c-brand-1);
|
|
|
|
/* Home */
|
|
--vp-home-hero-name-color: transparent;
|
|
--vp-home-hero-name-background: -webkit-linear-gradient(
|
|
120deg,
|
|
#bd34fe 30%,
|
|
#41d1ff
|
|
);
|
|
|
|
--vp-home-hero-image-background-image: linear-gradient(
|
|
-45deg,
|
|
#bd34fe 50%,
|
|
#47caff 50%
|
|
);
|
|
--vp-home-hero-image-filter: blur(44px);
|
|
}
|
|
|
|
:root {
|
|
--mp-c-bg-alt: #eaeaec;
|
|
--mp-c-bg-soft: #f6f6f8;
|
|
|
|
--shadow-inset-sm: inset 0px -1px 2px hsla(221, 39%, 11%, 0.15);
|
|
|
|
--shadow-floating: hsla(0, 0%, 0%, 0) 0px 0px 0px 0px, hsla(0, 0%, 0%, 0) 0px 0px 0px 0px,
|
|
hsla(0, 0%, 0%, 0.1) 0px 4px 6px -1px, hsla(0, 0%, 0%, 0.1) 0px 2px 4px -1px;
|
|
}
|
|
|
|
.dark {
|
|
--mp-c-bg-alt: #161618;
|
|
--mp-c-bg-soft: #24252c;
|
|
|
|
--shadow-inset-sm: inset 0px -1px 1px red;
|
|
|
|
--shadow-floating: hsla(0, 0%, 0%, 0) 0px 0px 0px 0px, hsla(0, 0%, 0%, 0) 0px 0px 0px 0px,
|
|
hsla(0, 0%, 0%, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
|
|
}
|
|
|
|
@media (min-width: 640px) {
|
|
:root {
|
|
--vp-home-hero-image-filter: blur(56px);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 960px) {
|
|
:root {
|
|
--vp-home-hero-image-filter: blur(68px);
|
|
}
|
|
}
|
|
|
|
.DocSearch {
|
|
--docsearch-primary-color: var(--vp-c-brand-1) !important;
|
|
}
|
|
|
|
.VPSidebar {
|
|
padding-left: max(32px, min(64px, calc((100% - (var(--vp-layout-max-width) - 64px)) / 2)));
|
|
max-width: 300px;
|
|
}
|