This commit is contained in:
2024-03-22 03:47:51 +05:30
parent 8bcf3d211e
commit 89819f6fe2
28440 changed files with 3211033 additions and 2 deletions
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
+3052
View File
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
+16
View File
@@ -0,0 +1,16 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
function alert($elements) {
$elements.forEach(($alert) => {
$alert.addEventListener('click', (e) => {
if (e.target && e.target.classList.contains('close')) {
$alert.remove();
}
});
});
}
+16
View File
@@ -0,0 +1,16 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
function alert($elements) {
$elements.forEach(($alert) => {
$alert.addEventListener('click', (e) => {
if (e.target && e.target.classList.contains('close')) {
$alert.remove();
}
});
});
}
+8
View File
@@ -0,0 +1,8 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
const buttonGroups = makeRadioBehavior('click', 'button', 'button--active');
+8
View File
@@ -0,0 +1,8 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
const buttonGroups = makeRadioBehavior('click', 'button', 'button--active');
+33
View File
@@ -0,0 +1,33 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
function dropdowns($elements) {
$elements.forEach(($dropdown) => {
if ($dropdown.classList.contains('dropdown--hoverable')) {
return;
}
const $toggle = $dropdown.querySelector('[data-toggle="dropdown"]');
$toggle.addEventListener('click', (e) => {
function dismissDropdown() {
$toggle.classList.remove('button--active');
$dropdown.classList.remove('dropdown--show');
document.removeEventListener('click', dismissDropdown);
}
if (!$dropdown.classList.contains('dropdown--show')) {
$toggle.classList.add('button--active');
$dropdown.classList.add('dropdown--show');
setTimeout(() => {
document.addEventListener('click', dismissDropdown);
}, 0);
} else {
dismissDropdown();
}
});
});
}
+33
View File
@@ -0,0 +1,33 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
function dropdowns($elements) {
$elements.forEach(($dropdown) => {
if ($dropdown.classList.contains('dropdown--hoverable')) {
return;
}
const $toggle = $dropdown.querySelector('[data-toggle="dropdown"]');
$toggle.addEventListener('click', (e) => {
function dismissDropdown() {
$toggle.classList.remove('button--active');
$dropdown.classList.remove('dropdown--show');
document.removeEventListener('click', dismissDropdown);
}
if (!$dropdown.classList.contains('dropdown--show')) {
$toggle.classList.add('button--active');
$dropdown.classList.add('dropdown--show');
setTimeout(() => {
document.addEventListener('click', dismissDropdown);
}, 0);
} else {
dismissDropdown();
}
});
});
}
+82
View File
@@ -0,0 +1,82 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
function menu($elements) {
$elements.forEach(($menu) => {
$menu.addEventListener('click', (event) => {
let $listItem = event.target;
while ($listItem) {
if ($listItem.classList.contains('menu')) {
return;
}
if ($listItem.classList.contains('menu__list-item')) {
break;
}
$listItem = $listItem.parentNode;
}
// Not clicking on a list item.
if (!$listItem) {
return;
}
const regularSubList =
$listItem.classList.contains('menu__list-item') &&
!$listItem.querySelector('.menu__list-item-collapsible');
const caretBtn = event.target.classList.contains('menu__caret');
if (regularSubList || caretBtn) {
$listItem.classList.toggle('menu__list-item--collapsed');
}
// Don't add any active class if non-leaf item selected.
if ($listItem.querySelector('.menu__list')) {
return;
}
$menu
.querySelectorAll('.menu__link')
.forEach(($elItem) => $elItem.classList.remove('menu__link--active'));
// Traverse parents and add active class.
while ($listItem) {
if ($listItem.classList.contains('menu')) {
return;
}
if ($listItem.classList.contains('menu__list-item')) {
const $link = $listItem.querySelector('.menu__link');
if ($link) {
$link.classList.add('menu__link--active');
}
const $listItemCollapsible = $listItem.querySelector(
'.menu__list-item-collapsible',
);
if ($listItemCollapsible) {
$listItemCollapsible.classList.add(
'menu__list-item-collapsible--active',
);
}
}
$listItem = $listItem.parentNode;
}
});
$navbarSidebarBackButton = document.querySelector('.navbar-sidebar__back');
$navbarSidebarItems = document.querySelector('.navbar-sidebar__items');
if ($navbarSidebarBackButton) {
$navbarSidebarBackButton.addEventListener('click', () => {
$navbarSidebarItems.classList.remove(
'navbar-sidebar__items--show-secondary',
);
});
}
});
}
+82
View File
@@ -0,0 +1,82 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
function menu($elements) {
$elements.forEach(($menu) => {
$menu.addEventListener('click', (event) => {
let $listItem = event.target;
while ($listItem) {
if ($listItem.classList.contains('menu')) {
return;
}
if ($listItem.classList.contains('menu__list-item')) {
break;
}
$listItem = $listItem.parentNode;
}
// Not clicking on a list item.
if (!$listItem) {
return;
}
const regularSubList =
$listItem.classList.contains('menu__list-item') &&
!$listItem.querySelector('.menu__list-item-collapsible');
const caretBtn = event.target.classList.contains('menu__caret');
if (regularSubList || caretBtn) {
$listItem.classList.toggle('menu__list-item--collapsed');
}
// Don't add any active class if non-leaf item selected.
if ($listItem.querySelector('.menu__list')) {
return;
}
$menu
.querySelectorAll('.menu__link')
.forEach(($elItem) => $elItem.classList.remove('menu__link--active'));
// Traverse parents and add active class.
while ($listItem) {
if ($listItem.classList.contains('menu')) {
return;
}
if ($listItem.classList.contains('menu__list-item')) {
const $link = $listItem.querySelector('.menu__link');
if ($link) {
$link.classList.add('menu__link--active');
}
const $listItemCollapsible = $listItem.querySelector(
'.menu__list-item-collapsible',
);
if ($listItemCollapsible) {
$listItemCollapsible.classList.add(
'menu__list-item-collapsible--active',
);
}
}
$listItem = $listItem.parentNode;
}
});
$navbarSidebarBackButton = document.querySelector('.navbar-sidebar__back');
$navbarSidebarItems = document.querySelector('.navbar-sidebar__items');
if ($navbarSidebarBackButton) {
$navbarSidebarBackButton.addEventListener('click', () => {
$navbarSidebarItems.classList.remove(
'navbar-sidebar__items--show-secondary',
);
});
}
});
}
+32
View File
@@ -0,0 +1,32 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
function navbar($elements) {
$elements.forEach(($navbar) => {
// TODO: Use data-toggle approach.
const $toggle = $navbar.querySelector('.navbar__toggle');
const $sidebar = $navbar.querySelector('.navbar-sidebar');
const $sidebarClose = $navbar.querySelector('.navbar-sidebar__close');
const $backdrop = $navbar.querySelector('.navbar-sidebar__backdrop');
const $sidebarItems = $navbar.querySelector('.navbar-sidebar__items');
if ($toggle == null || $sidebarClose == null) {
return;
}
$toggle.addEventListener('click', (e) => {
$navbar.classList.add('navbar-sidebar--show');
$sidebarItems.classList.add('navbar-sidebar__items--show-secondary');
});
[$backdrop, $sidebarClose].forEach(($el) =>
$el.addEventListener('click', (e) => {
$navbar.classList.remove('navbar-sidebar--show');
}),
);
});
}
+32
View File
@@ -0,0 +1,32 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
function navbar($elements) {
$elements.forEach(($navbar) => {
// TODO: Use data-toggle approach.
const $toggle = $navbar.querySelector('.navbar__toggle');
const $sidebar = $navbar.querySelector('.navbar-sidebar');
const $sidebarClose = $navbar.querySelector('.navbar-sidebar__close');
const $backdrop = $navbar.querySelector('.navbar-sidebar__backdrop');
const $sidebarItems = $navbar.querySelector('.navbar-sidebar__items');
if ($toggle == null || $sidebarClose == null) {
return;
}
$toggle.addEventListener('click', (e) => {
$navbar.classList.add('navbar-sidebar--show');
$sidebarItems.classList.add('navbar-sidebar__items--show-secondary');
});
[$backdrop, $sidebarClose].forEach(($el) =>
$el.addEventListener('click', (e) => {
$navbar.classList.remove('navbar-sidebar--show');
}),
);
});
}
+8
View File
@@ -0,0 +1,8 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
const pills = makeRadioBehavior('click', 'pills__item', 'pills__item--active');
+8
View File
@@ -0,0 +1,8 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
const pills = makeRadioBehavior('click', 'pills__item', 'pills__item--active');
+21
View File
@@ -0,0 +1,21 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
function makeRadioBehavior(eventName, itemClass, activeItemClass) {
return function radioBehavior($elements) {
$elements.forEach(($element) => {
$element.addEventListener(eventName, (event) => {
if (event.target && event.target.classList.contains(itemClass)) {
$element
.querySelectorAll('.' + itemClass)
.forEach(($elItem) => $elItem.classList.remove(activeItemClass));
event.target.classList.add(activeItemClass);
}
});
});
};
}
+21
View File
@@ -0,0 +1,21 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
function makeRadioBehavior(eventName, itemClass, activeItemClass) {
return function radioBehavior($elements) {
$elements.forEach(($element) => {
$element.addEventListener(eventName, (event) => {
if (event.target && event.target.classList.contains(itemClass)) {
$element
.querySelectorAll('.' + itemClass)
.forEach(($elItem) => $elItem.classList.remove(activeItemClass));
event.target.classList.add(activeItemClass);
}
});
});
};
}
+8
View File
@@ -0,0 +1,8 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
const tabs = makeRadioBehavior('click', 'tabs__item', 'tabs__item--active');
+8
View File
@@ -0,0 +1,8 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
const tabs = makeRadioBehavior('click', 'tabs__item', 'tabs__item--active');
+45
View File
@@ -0,0 +1,45 @@
{
"name": "infima",
"version": "0.2.0-alpha.43",
"description": "A UI framework for content-centric websites.",
"author": "Yangshun Tay",
"license": "MIT",
"keywords": [
"css",
"responsive",
"front-end",
"framework",
"web",
"dark mode"
],
"repository": {
"type": "git",
"url": "https://github.com/facebookincubator/infima.git",
"directory": "packages/core"
},
"bugs": {
"url": "https://github.com/facebookincubator/infima/issues"
},
"devDependencies": {
"cssnano": "^5.1.12",
"del": "^6.1.1",
"gulp": "^4.0.2",
"gulp-postcss": "^9.0.1",
"gulp-rename": "^2.0.0",
"gulp-rtlcss": "^2.0.0",
"gulp-webserver": "^0.9.1",
"postcss": "^8.4.14",
"postcss-preset-infima": "^0.2.0-alpha.43"
},
"scripts": {
"build": "gulp build",
"start": "gulp"
},
"engines": {
"node": ">=12"
},
"files": [
"dist/{css,js}/**/*.{css,js}",
"styles/**/*.pcss"
]
}
+32
View File
@@ -0,0 +1,32 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
* {
box-sizing: border-box;
}
html {
background-color: var(--ifm-background-color);
color: var(--ifm-font-color-base);
color-scheme: var(--ifm-color-scheme);
font: var(--ifm-font-size-base) / var(--ifm-line-height-base)
var(--ifm-font-family-base);
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
text-rendering: optimizelegibility;
text-size-adjust: 100%;
}
body {
margin: 0;
overflow-wrap: break-word;
}
iframe {
border: 0;
color-scheme: auto;
}
+54
View File
@@ -0,0 +1,54 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
html[data-theme='dark'] {
--ifm-color-scheme: dark;
--ifm-color-emphasis-0: var(--ifm-color-gray-1000);
--ifm-color-emphasis-100: var(--ifm-color-gray-900);
--ifm-color-emphasis-200: var(--ifm-color-gray-800);
--ifm-color-emphasis-300: var(--ifm-color-gray-700);
--ifm-color-emphasis-400: var(--ifm-color-gray-600);
--ifm-color-emphasis-500: var(--ifm-color-gray-500);
--ifm-color-emphasis-600: var(--ifm-color-gray-400);
--ifm-color-emphasis-700: var(--ifm-color-gray-300);
--ifm-color-emphasis-800: var(--ifm-color-gray-200);
--ifm-color-emphasis-900: var(--ifm-color-gray-100);
--ifm-color-emphasis-1000: var(--ifm-color-gray-0);
--ifm-background-color: #1b1b1d;
--ifm-background-surface-color: #242526;
--ifm-hover-overlay: rgba(255, 255, 255, 0.05);
--ifm-color-content: #e3e3e3;
--ifm-color-content-secondary: rgba(255, 255, 255, 1);
--ifm-breadcrumb-separator-filter: invert(64%) sepia(11%) saturate(0%)
hue-rotate(149deg) brightness(99%) contrast(95%);
--ifm-code-background: rgba(255, 255, 255, 0.1);
--ifm-scrollbar-track-background-color: #444444;
--ifm-scrollbar-thumb-background-color: #686868;
--ifm-scrollbar-thumb-hover-background-color: #7a7a7a;
--ifm-table-stripe-background: rgba(255, 255, 255, 0.07);
--ifm-toc-border-color: var(--ifm-color-emphasis-200);
@each $color in (primary, secondary, success, info, warning, danger) {
--ifm-color-$(color)-contrast-background: color-mod(
var(--ifm-color-$(color)),
shade(var(--ifm-contrast-background-dark-value))
);
--ifm-color-$(color)-contrast-foreground: color-mod(
var(--ifm-color-$(color)),
tint(var(--ifm-contrast-foreground-dark-value))
);
}
}
+36
View File
@@ -0,0 +1,36 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-color-scheme: dark;
--ifm-color-emphasis-100: var(--ifm-color-gray-900);
--ifm-color-emphasis-200: var(--ifm-color-gray-800);
--ifm-color-emphasis-300: var(--ifm-color-gray-700);
--ifm-color-emphasis-400: var(--ifm-color-gray-600);
--ifm-color-emphasis-500: var(--ifm-color-gray-500);
--ifm-color-emphasis-600: var(--ifm-color-gray-400);
--ifm-color-emphasis-700: var(--ifm-color-gray-300);
--ifm-color-emphasis-800: var(--ifm-color-gray-200);
--ifm-color-emphasis-900: var(--ifm-color-gray-100);
--ifm-background-color: #121212;
--ifm-background-surface-color: #1e2125;
--ifm-hover-overlay: rgba(255, 255, 255, 0.05);
@each $color in (primary, secondary, success, info, warning, danger) {
--ifm-color-$(color)-contrast-background: color-mod(
var(--ifm-color-$(color)),
shade(var(--ifm-contrast-background-dark-value))
);
--ifm-color-$(color)-contrast-foreground: color-mod(
var(--ifm-color-$(color)),
tint(var(--ifm-contrast-foreground-dark-value))
);
}
}
+159
View File
@@ -0,0 +1,159 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-color-scheme: light;
/* Colors. */
--ifm-dark-value: 10%;
--ifm-darker-value: 15%;
--ifm-darkest-value: 30%;
--ifm-light-value: 15%;
--ifm-lighter-value: 30%;
--ifm-lightest-value: 50%;
/*
This seems like a lot, but we want to ensure enough contrast.
Goal is to have a min score of 3 on https://www.myndex.com/APCA/fullmatrix
For fontWeight 400 + score 3, the cell must show a value < 16px (fontsize we use in places like alerts)
See also https://github.com/facebookincubator/infima/issues/55#issuecomment-884023075
*/
--ifm-contrast-background-value: 90%;
--ifm-contrast-foreground-value: 70%;
/* Using slightly different values for dark mode */
--ifm-contrast-background-dark-value: 70%;
--ifm-contrast-foreground-dark-value: 90%;
--ifm-color-primary: #3578e5;
--ifm-color-secondary: #ebedf0;
--ifm-color-success: #00a400;
--ifm-color-info: #54c7ec;
--ifm-color-warning: #ffba00;
--ifm-color-danger: #fa383e;
@each $color in (primary, secondary, success, info, warning, danger) {
--ifm-color-$(color)-dark: color-mod(
var(--ifm-color-$(color)) shade(var(--ifm-dark-value))
);
--ifm-color-$(color)-darker: color-mod(
var(--ifm-color-$(color)),
shade(var(--ifm-darker-value))
);
--ifm-color-$(color)-darkest: color-mod(
var(--ifm-color-$(color)),
shade(var(--ifm-darkest-value))
);
--ifm-color-$(color)-light: color-mod(
var(--ifm-color-$(color)),
tint(var(--ifm-light-value))
);
--ifm-color-$(color)-lighter: color-mod(
var(--ifm-color-$(color)),
tint(var(--ifm-lighter-value))
);
--ifm-color-$(color)-lightest: color-mod(
var(--ifm-color-$(color)),
tint(var(--ifm-lightest-value))
);
--ifm-color-$(color)-contrast-background: color-mod(
var(--ifm-color-$(color)),
tint(var(--ifm-contrast-background-value))
);
--ifm-color-$(color)-contrast-foreground: color-mod(
var(--ifm-color-$(color)),
shade(var(--ifm-contrast-foreground-value))
);
}
--ifm-color-white: #fff;
--ifm-color-black: #000;
--ifm-color-gray-0: var(--ifm-color-white);
--ifm-color-gray-100: #f5f6f7;
--ifm-color-gray-200: #ebedf0;
--ifm-color-gray-300: #dadde1;
--ifm-color-gray-400: #ccd0d5;
--ifm-color-gray-500: #bec3c9;
--ifm-color-gray-600: #8d949e;
--ifm-color-gray-700: #606770;
--ifm-color-gray-800: #444950;
--ifm-color-gray-900: #1c1e21;
--ifm-color-gray-1000: var(--ifm-color-black);
--ifm-color-emphasis-0: var(--ifm-color-gray-0);
--ifm-color-emphasis-100: var(--ifm-color-gray-100);
--ifm-color-emphasis-200: var(--ifm-color-gray-200);
--ifm-color-emphasis-300: var(--ifm-color-gray-300);
--ifm-color-emphasis-400: var(--ifm-color-gray-400);
--ifm-color-emphasis-500: var(--ifm-color-gray-500);
--ifm-color-emphasis-600: var(--ifm-color-gray-600);
--ifm-color-emphasis-700: var(--ifm-color-gray-700);
--ifm-color-emphasis-800: var(--ifm-color-gray-800);
--ifm-color-emphasis-900: var(--ifm-color-gray-900);
--ifm-color-emphasis-1000: var(--ifm-color-gray-1000);
/* Base. */
--ifm-color-content: var(--ifm-color-emphasis-900);
--ifm-color-content-inverse: var(--ifm-color-emphasis-0);
--ifm-color-content-secondary: #525860;
--ifm-background-color: transparent; /* Body's background. */
--ifm-background-surface-color: var(--ifm-color-content-inverse);
--ifm-global-border-width: 1px;
--ifm-global-radius: 0.4rem;
--ifm-hover-overlay: rgba(0, 0, 0, 0.05);
/* Typography. */
--ifm-font-color-base: var(--ifm-color-content);
--ifm-font-color-base-inverse: var(--ifm-color-content-inverse);
--ifm-font-color-secondary: var(--ifm-color-content-secondary);
--ifm-font-family-base: system-ui, -apple-system, BlinkMacSystemFont,
'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
'Segoe UI Emoji', 'Segoe UI Symbol';
--ifm-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
'Liberation Mono', 'Courier New', monospace;
--ifm-font-size-base: 100%;
--ifm-font-weight-light: 300;
--ifm-font-weight-normal: 400;
--ifm-font-weight-semibold: 500;
--ifm-font-weight-bold: 700;
--ifm-font-weight-base: var(--ifm-font-weight-normal);
--ifm-line-height-base: 1.65;
/* Spacing. */
--ifm-global-spacing: 1rem;
--ifm-spacing-vertical: var(--ifm-global-spacing);
--ifm-spacing-horizontal: var(--ifm-global-spacing);
/* Transitions. */
--ifm-transition-fast: 200ms;
--ifm-transition-slow: 400ms;
--ifm-transition-timing-default: cubic-bezier(0.08, 0.52, 0.52, 1);
/* Shadows. */
--ifm-global-shadow-lw: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
--ifm-global-shadow-md: 0 5px 40px rgba(0, 0, 0, 0.2);
--ifm-global-shadow-tl: 0 12px 28px 0 rgba(0, 0, 0, 0.2),
0 2px 4px 0 rgba(0, 0, 0, 0.1);
/* Z-index. */
--ifm-z-index-dropdown: 100;
--ifm-z-index-fixed: 200;
--ifm-z-index-overlay: 400;
}
@media (prefers-reduced-motion: reduce) {
:root {
--ifm-transition-fast: 0ms;
--ifm-transition-slow: 0ms;
}
}
@custom-media --ifm-narrow-window (max-width: 996px);
+90
View File
@@ -0,0 +1,90 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-alert-background-color: inherit; /* Set a default which will be overridden later. */
--ifm-alert-border-color: inherit; /* Set a default which will be overridden later. */
--ifm-alert-border-radius: var(--ifm-global-radius);
--ifm-alert-border-width: 0px; /* For users that want to easily add a border */
--ifm-alert-border-left-width: 5px;
--ifm-alert-color: var(--ifm-font-color-base);
--ifm-alert-padding-horizontal: var(--ifm-spacing-horizontal);
--ifm-alert-padding-vertical: var(--ifm-spacing-vertical);
--ifm-alert-shadow: var(--ifm-global-shadow-lw);
}
.alert {
@each $color in (primary, secondary, success, info, warning, danger) {
&--$(color) {
--ifm-alert-background-color: var(
--ifm-color-$(color)-contrast-background
);
--ifm-alert-background-color-highlight: color-mod(
var(--ifm-color-$(color)) alpha(15%)
);
--ifm-alert-foreground-color: var(
--ifm-color-$(color)-contrast-foreground
);
--ifm-alert-border-color: var(--ifm-color-$(color)-dark);
}
}
--ifm-code-background: var(--ifm-alert-background-color-highlight);
--ifm-link-color: var(--ifm-alert-foreground-color);
--ifm-link-hover-color: var(--ifm-alert-foreground-color);
--ifm-link-decoration: underline;
--ifm-tabs-color: var(--ifm-alert-foreground-color);
--ifm-tabs-color-active: var(--ifm-alert-foreground-color);
--ifm-tabs-color-active-border: var(--ifm-alert-border-color);
background-color: var(--ifm-alert-background-color);
border: var(--ifm-alert-border-width) solid var(--ifm-alert-border-color);
border-left-width: var(--ifm-alert-border-left-width);
border-radius: var(--ifm-alert-border-radius);
box-shadow: var(--ifm-alert-shadow);
color: var(--ifm-alert-foreground-color);
padding: var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal);
&__heading {
align-items: center;
display: flex;
font: bold var(--ifm-h5-font-size) / var(--ifm-heading-line-height)
var(--ifm-heading-font-family);
margin-bottom: 0.5rem;
text-transform: uppercase;
}
&__icon {
display: inline-flex;
margin-right: 0.4em;
svg {
fill: var(--ifm-alert-foreground-color);
stroke: var(--ifm-alert-foreground-color);
stroke-width: 0;
}
}
.close {
color: var(--ifm-alert-foreground-color);
margin: calc(var(--ifm-alert-padding-vertical) * -1)
calc(var(--ifm-alert-padding-horizontal) * -1) 0 0;
opacity: 0.75;
&:hover,
&:focus {
opacity: 1;
}
}
a {
text-decoration-color: var(--ifm-alert-border-color);
&:hover {
text-decoration-thickness: 2px;
}
}
}
+62
View File
@@ -0,0 +1,62 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-avatar-intro-margin: 1rem;
--ifm-avatar-intro-alignment: inherit;
--ifm-avatar-photo-size: 3rem;
}
.avatar {
column-gap: var(--ifm-avatar-intro-margin);
display: flex;
&__photo {
border-radius: 50%;
display: block;
height: var(--ifm-avatar-photo-size);
overflow: hidden;
width: var(--ifm-avatar-photo-size);
&--sm {
--ifm-avatar-photo-size: 2rem;
}
&--lg {
--ifm-avatar-photo-size: 4rem;
}
&--xl {
--ifm-avatar-photo-size: 6rem;
}
}
&__intro {
display: flex;
flex: 1 1;
flex-direction: column;
justify-content: center;
text-align: var(--ifm-avatar-intro-alignment);
}
&__name {
font: bold var(--ifm-h4-font-size) / var(--ifm-heading-line-height)
var(--ifm-font-family-base);
}
&__subtitle {
margin-top: 0.25rem;
}
&--vertical {
--ifm-avatar-intro-alignment: center;
--ifm-avatar-intro-margin: 0.5rem;
align-items: center;
flex-direction: column;
}
}
+39
View File
@@ -0,0 +1,39 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-badge-background-color: inherit; /* Set a default which will be overridden later. */
--ifm-badge-border-color: inherit; /* Set a default which will be overridden later. */
--ifm-badge-border-radius: var(--ifm-global-radius);
--ifm-badge-border-width: var(--ifm-global-border-width);
--ifm-badge-color: var(--ifm-color-white);
--ifm-badge-padding-horizontal: calc(var(--ifm-spacing-horizontal) * 0.5);
--ifm-badge-padding-vertical: calc(var(--ifm-spacing-vertical) * 0.25);
}
.badge {
background-color: var(--ifm-badge-background-color);
border: var(--ifm-badge-border-width) solid var(--ifm-badge-border-color);
border-radius: var(--ifm-badge-border-radius);
color: var(--ifm-badge-color);
display: inline-block;
font-size: 75%;
font-weight: var(--ifm-font-weight-bold);
line-height: 1;
padding: var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal);
@each $color in (primary, secondary, success, info, warning, danger) {
&--$(color) {
--ifm-badge-background-color: var(--ifm-color-$(color));
--ifm-badge-border-color: var(--ifm-badge-background-color);
}
}
&--secondary {
color: var(--ifm-color-black);
}
}
+87
View File
@@ -0,0 +1,87 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-breadcrumb-border-radius: 1.5rem;
--ifm-breadcrumb-spacing: 0.5rem;
--ifm-breadcrumb-color-active: var(--ifm-color-primary);
--ifm-breadcrumb-item-background-active: var(--ifm-hover-overlay);
--ifm-breadcrumb-padding-horizontal: 0.8rem;
--ifm-breadcrumb-padding-vertical: 0.4rem;
--ifm-breadcrumb-size-multiplier: 1;
--ifm-breadcrumb-separator: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 256 256"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');
--ifm-breadcrumb-separator-filter: none;
--ifm-breadcrumb-separator-size: 0.5rem;
--ifm-breadcrumb-separator-size-multiplier: 1.25;
}
.breadcrumbs {
margin-bottom: 0;
padding-left: 0;
&__item {
display: inline-block;
&:not(:last-child):after {
background: var(--ifm-breadcrumb-separator) center;
content: ' ';
display: inline-block;
filter: var(--ifm-breadcrumb-separator-filter);
height: calc(
var(--ifm-breadcrumb-separator-size) *
var(--ifm-breadcrumb-size-multiplier) *
var(--ifm-breadcrumb-separator-size-multiplier)
);
margin: 0 var(--ifm-breadcrumb-spacing);
opacity: 0.5;
width: calc(
var(--ifm-breadcrumb-separator-size) *
var(--ifm-breadcrumb-size-multiplier) *
var(--ifm-breadcrumb-separator-size-multiplier)
);
/*rtl:raw:
transform: rotate(180deg);
*/
}
&--active {
& ^^&__link {
background: var(--ifm-breadcrumb-item-background-active);
color: var(--ifm-breadcrumb-color-active);
}
}
}
&__link {
border-radius: var(--ifm-breadcrumb-border-radius);
color: var(--ifm-font-color-base);
display: inline-block;
font-size: calc(1rem * var(--ifm-breadcrumb-size-multiplier));
padding: calc(
var(--ifm-breadcrumb-padding-vertical) *
var(--ifm-breadcrumb-size-multiplier)
)
calc(
var(--ifm-breadcrumb-padding-horizontal) *
var(--ifm-breadcrumb-size-multiplier)
);
@mixin transition background color;
&:any-link:hover {
background: var(--ifm-breadcrumb-item-background-active);
text-decoration: none;
}
}
&--sm {
--ifm-breadcrumb-size-multiplier: 0.8;
}
&--lg {
--ifm-breadcrumb-size-multiplier: 1.2;
}
}
+36
View File
@@ -0,0 +1,36 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-button-group-spacing: 2px;
}
.button-group {
display: inline-flex;
gap: var(--ifm-button-group-spacing);
& > .button {
&:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
&:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
}
&--block {
display: flex;
justify-content: stretch;
& > .button {
flex-grow: 1;
}
}
}
+130
View File
@@ -0,0 +1,130 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-button-background-color: inherit;
--ifm-button-border-color: var(--ifm-button-background-color);
--ifm-button-border-width: var(--ifm-global-border-width);
--ifm-button-color: var(--ifm-font-color-base-inverse);
--ifm-button-font-weight: var(--ifm-font-weight-bold);
--ifm-button-padding-horizontal: 1.5rem;
--ifm-button-padding-vertical: 0.375rem;
--ifm-button-size-multiplier: 1;
--ifm-button-transition-duration: var(--ifm-transition-fast);
--ifm-button-border-radius: calc(
var(--ifm-global-radius) * var(--ifm-button-size-multiplier)
);
}
.button {
background-color: var(--ifm-button-background-color);
border: var(--ifm-button-border-width) solid var(--ifm-button-border-color);
border-radius: var(--ifm-button-border-radius);
color: var(--ifm-button-color);
cursor: pointer;
display: inline-block;
font-size: calc(0.875rem * var(--ifm-button-size-multiplier));
font-weight: var(--ifm-button-font-weight);
line-height: 1.5;
padding: calc(
var(--ifm-button-padding-vertical) * var(--ifm-button-size-multiplier)
)
calc(
var(--ifm-button-padding-horizontal) * var(--ifm-button-size-multiplier)
);
text-align: center;
user-select: none;
vertical-align: middle;
white-space: nowrap;
@mixin transition color background border-color,
var(--ifm-button-transition-duration), var(--ifm-transition-timing-default);
&:hover {
color: var(--ifm-button-color); /* Override for button links. */
text-decoration: none;
}
&--outline {
--ifm-button-background-color: transparent;
--ifm-button-color: var(--ifm-button-border-color);
&:hover {
--ifm-button-background-color: var(--ifm-button-border-color);
}
&:hover,
&:active,
&^&--active {
--ifm-button-color: var(--ifm-font-color-base-inverse);
}
}
&--link {
--ifm-button-background-color: transparent;
--ifm-button-border-color: transparent;
color: var(--ifm-link-color);
/* autoprefixer: ignore next */
text-decoration: var(--ifm-link-decoration);
&:hover,
&:active,
&^&--active {
color: var(--ifm-link-hover-color);
/* autoprefixer: ignore next */
text-decoration: var(--ifm-link-hover-decoration);
}
}
&.disabled,
&:disabled,
&[disabled] {
opacity: 0.65;
pointer-events: none;
}
&--sm {
--ifm-button-size-multiplier: 0.8;
}
&--lg {
--ifm-button-size-multiplier: 1.35;
}
&--block {
display: block;
width: 100%;
}
&&--secondary {
color: var(--ifm-color-gray-900);
&.button--outline:not(.button--active):not(:hover) {
color: var(--ifm-font-color-base);
}
}
@each $color in (primary, secondary, success, info, warning, danger) {
:where(&--$(color)) {
--ifm-button-background-color: var(--ifm-color-$(color));
--ifm-button-border-color: var(--ifm-color-$(color));
&:not(^&--outline):hover {
--ifm-button-background-color: var(--ifm-color-$(color)-dark);
--ifm-button-border-color: var(--ifm-color-$(color)-dark);
}
}
&--$(color) {
&:active,
&^&--active {
--ifm-button-background-color: var(--ifm-color-$(color)-darker);
--ifm-button-border-color: var(--ifm-color-$(color)-darker);
}
}
}
}
+52
View File
@@ -0,0 +1,52 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-card-background-color: var(--ifm-background-surface-color);
--ifm-card-border-radius: calc(var(--ifm-global-radius) * 2);
--ifm-card-horizontal-spacing: var(--ifm-global-spacing);
--ifm-card-vertical-spacing: var(--ifm-global-spacing);
}
.card {
background-color: var(--ifm-card-background-color);
border-radius: var(--ifm-card-border-radius);
box-shadow: var(--ifm-global-shadow-lw);
display: flex;
flex-direction: column;
overflow: hidden; /* Because of border-radius. */
&--full-height {
height: 100%;
}
&__image {
padding-top: var(--ifm-card-vertical-spacing);
&:first-child {
padding-top: 0;
}
}
&__header,
&__body,
&__footer {
padding: var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing);
&:not(:last-child) {
padding-bottom: 0;
}
& > :last-child {
margin-bottom: 0;
}
}
&__footer {
margin-top: auto; /* Pushes the footer to the bottom of the card. */
}
}
+25
View File
@@ -0,0 +1,25 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.close {
color: var(--ifm-color-black);
float: right;
font-size: 1.5rem;
font-weight: var(--ifm-font-weight-bold);
line-height: 1;
opacity: 0.5;
padding: 1rem;
@mixin transition opacity;
&:hover {
opacity: 0.7;
}
&:focus {
opacity: 0.8;
}
}
+95
View File
@@ -0,0 +1,95 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-dropdown-background-color: var(--ifm-background-surface-color);
--ifm-dropdown-font-weight: var(--ifm-font-weight-semibold);
--ifm-dropdown-link-color: var(--ifm-font-color-base);
--ifm-dropdown-hover-background-color: var(--ifm-hover-overlay);
}
.dropdown {
display: inline-flex;
font-weight: var(--ifm-dropdown-font-weight);
position: relative;
vertical-align: top;
&--hoverable:hover,
&--show {
^&__menu {
opacity: 1;
pointer-events: all;
transform: translateY(-1px);
visibility: visible;
}
}
&--right {
^&__menu {
left: inherit;
right: 0;
}
}
&--nocaret .navbar__link:after {
content: none !important;
}
&__menu {
background-color: var(--ifm-dropdown-background-color);
border-radius: var(--ifm-global-radius);
box-shadow: var(--ifm-global-shadow-md);
left: 0;
list-style: none;
max-height: 80vh;
min-width: 10rem;
opacity: 0;
overflow-y: auto;
padding: 0.5rem;
pointer-events: none;
position: absolute;
top: calc(100% - var(--ifm-navbar-item-padding-vertical) + 0.3rem);
transform: translateY(-0.625rem);
visibility: hidden;
z-index: var(--ifm-z-index-dropdown);
@mixin transition opacity transform visibility;
}
&__link {
border-radius: 0.25rem;
color: var(--ifm-dropdown-link-color);
display: block;
font-size: 0.875rem;
margin-top: 0.2rem;
padding: 0.25rem 0.5rem;
white-space: nowrap;
&:hover,
&--active {
background-color: var(--ifm-dropdown-hover-background-color);
color: var(--ifm-dropdown-link-color);
text-decoration: none;
}
&--active,
&--active:hover {
--ifm-dropdown-link-color: var(--ifm-link-color);
}
}
& > .navbar__link:after {
border-color: currentColor transparent;
border-style: solid;
border-width: 0.4em 0.4em 0;
content: '';
display: inline-block;
margin-left: 0.3em;
position: relative;
top: 2px;
transform: translateY(-50%);
}
}
+89
View File
@@ -0,0 +1,89 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-footer-background-color: var(--ifm-color-emphasis-100);
--ifm-footer-color: inherit;
--ifm-footer-link-color: var(--ifm-color-emphasis-700);
--ifm-footer-link-hover-color: var(--ifm-color-primary);
--ifm-footer-link-horizontal-spacing: 0.5rem;
--ifm-footer-padding-horizontal: calc(var(--ifm-spacing-horizontal) * 2);
--ifm-footer-padding-vertical: calc(var(--ifm-spacing-vertical) * 2);
--ifm-footer-title-color: inherit;
--ifm-footer-logo-max-width: min(30rem, 90vw);
}
.footer {
background-color: var(--ifm-footer-background-color);
color: var(--ifm-footer-color);
padding: var(--ifm-footer-padding-vertical)
var(--ifm-footer-padding-horizontal);
@media print {
display: none;
}
&--dark {
--ifm-footer-background-color: #303846;
--ifm-footer-color: var(--ifm-footer-link-color);
--ifm-footer-link-color: var(--ifm-color-secondary);
--ifm-footer-title-color: var(--ifm-color-white);
}
&__links {
margin-bottom: 1rem;
}
&__link-item {
color: var(--ifm-footer-link-color);
line-height: 2;
&:hover {
color: var(--ifm-footer-link-hover-color);
}
}
&__link-separator {
margin: 0 var(--ifm-footer-link-horizontal-spacing);
}
&__logo {
margin-top: 1rem;
max-width: var(--ifm-footer-logo-max-width);
}
&__title {
color: var(--ifm-footer-title-color);
font: bold var(--ifm-h4-font-size) / var(--ifm-heading-line-height)
var(--ifm-font-family-base);
margin-bottom: var(--ifm-heading-margin-bottom);
}
&__item {
margin-top: 0;
}
&__items {
margin-bottom: 0;
}
@media (--ifm-narrow-window) {
--ifm-footer-padding-horizontal: 0;
&__link-separator {
display: none;
}
&__col {
margin-bottom: calc(var(--ifm-spacing-vertical) * 3);
}
&__link-item {
display: block;
}
}
}
+10
View File
@@ -0,0 +1,10 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
[type='checkbox'] {
padding: 0;
}
+42
View File
@@ -0,0 +1,42 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-hero-background-color: var(--ifm-background-surface-color);
--ifm-hero-text-color: var(--ifm-color-emphasis-800);
}
.hero {
align-items: center;
background-color: var(--ifm-hero-background-color);
color: var(--ifm-hero-text-color);
display: flex;
padding: 4rem 2rem;
&--primary {
--ifm-hero-background-color: var(--ifm-color-primary);
--ifm-hero-text-color: var(--ifm-font-color-base-inverse);
}
&--dark {
--ifm-hero-background-color: #303846;
--ifm-hero-text-color: var(--ifm-color-white);
}
&__title {
font-size: 3rem;
}
&__subtitle {
font-size: 1.5rem;
}
@media (--ifm-narrow-window) {
padding-left: 0;
padding-right: 0;
}
}
+145
View File
@@ -0,0 +1,145 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-menu-color: var(--ifm-color-emphasis-700);
--ifm-menu-color-active: var(--ifm-color-primary);
--ifm-menu-color-background-active: var(--ifm-hover-overlay);
--ifm-menu-color-background-hover: var(--ifm-hover-overlay);
--ifm-menu-link-padding-horizontal: 0.75rem;
--ifm-menu-link-padding-vertical: 0.375rem;
--ifm-menu-link-sublist-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path fill="rgba(0,0,0,0.5)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');
--ifm-menu-link-sublist-icon-filter: none;
}
@define-mixin caret {
background: var(--ifm-menu-link-sublist-icon) 50% / 2rem 2rem;
filter: var(--ifm-menu-link-sublist-icon-filter);
height: 1.25rem;
transform: rotate(180deg);
width: 1.25rem;
@mixin transition transform, var(--ifm-transition-fast), linear;
}
@define-mixin menu-item {
border-radius: 0.25rem;
display: flex;
@mixin transition background;
&:hover {
background: var(--ifm-menu-color-background-hover);
}
}
.menu {
font-weight: var(--ifm-font-weight-semibold);
overflow-x: hidden;
@media print {
display: none;
}
&__list {
list-style: none;
margin: 0;
padding-left: 0;
/* Non-top level menus */
^&__list {
flex: 0 0 100%;
margin-top: 0.25rem;
padding-left: var(--ifm-menu-link-padding-horizontal);
}
}
&__list-item {
&:not(:first-child) {
margin-top: 0.25rem;
}
&--collapsed {
^^&__list {
height: 0;
overflow: hidden;
}
^^&__link--sublist:after,
^^&__caret:before {
transform: rotateZ(90deg);
}
}
&-collapsible {
flex-wrap: wrap;
position: relative;
@mixin menu-item;
&--active {
background: var(--ifm-menu-color-background-hover);
}
^^&__link {
&:hover,
&--active {
background: none !important;
}
}
}
}
&__link,
&__caret {
align-items: center;
@mixin menu-item;
}
&__link {
color: var(--ifm-menu-color);
flex: 1;
line-height: 1.25;
padding: var(--ifm-menu-link-padding-vertical)
var(--ifm-menu-link-padding-horizontal);
&:hover {
text-decoration: none;
}
&--sublist-caret:after {
content: '';
margin-left: auto;
min-width: 1.25rem;
@mixin caret;
}
&:hover {
color: var(--ifm-menu-color);
@mixin transition color;
}
&--active {
color: var(--ifm-menu-color-active);
&:hover {
color: var(--ifm-menu-color-active);
}
&:not(^&--sublist) {
background-color: var(--ifm-menu-color-background-active);
}
}
}
&__caret {
padding: var(--ifm-menu-link-padding-vertical)
var(--ifm-menu-link-padding-horizontal);
&:before {
content: '';
@mixin caret;
}
}
}
+294
View File
@@ -0,0 +1,294 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-navbar-background-color: var(--ifm-background-surface-color);
--ifm-navbar-height: 3.75rem;
--ifm-navbar-item-padding-horizontal: 0.75rem;
--ifm-navbar-item-padding-vertical: 0.25rem;
--ifm-navbar-link-color: var(--ifm-font-color-base);
--ifm-navbar-link-hover-color: var(--ifm-color-primary);
--ifm-navbar-link-active-color: var(--ifm-link-color);
--ifm-navbar-padding-horizontal: var(--ifm-spacing-horizontal);
--ifm-navbar-padding-vertical: calc(var(--ifm-spacing-vertical) * 0.5);
--ifm-navbar-shadow: var(--ifm-global-shadow-lw);
--ifm-navbar-search-input-background-color: var(--ifm-color-emphasis-200);
--ifm-navbar-search-input-color: var(--ifm-color-emphasis-800);
--ifm-navbar-search-input-placeholder-color: var(--ifm-color-emphasis-500);
--ifm-navbar-search-input-icon: url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></svg>');
--ifm-navbar-sidebar-width: 83vw;
}
html[data-theme='dark'],
.navbar--dark {
--ifm-menu-link-sublist-icon-filter: invert(100%) sepia(94%) saturate(17%)
hue-rotate(223deg) brightness(104%) contrast(98%);
}
.navbar {
background-color: var(--ifm-navbar-background-color);
box-shadow: var(--ifm-navbar-shadow);
display: flex;
height: var(--ifm-navbar-height);
padding: var(--ifm-navbar-padding-vertical)
var(--ifm-navbar-padding-horizontal);
@media print {
display: none;
}
& > .container,
& > .container-fluid {
display: flex;
@media (--ifm-narrow-window) {
padding: 0;
}
}
&--fixed-top {
position: sticky;
top: 0;
z-index: var(--ifm-z-index-fixed);
}
&__inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
&__brand {
align-items: center;
color: var(--ifm-navbar-link-color);
display: flex;
margin-right: 1rem;
min-width: 0;
&:hover {
color: var(--ifm-navbar-link-hover-color);
text-decoration: none;
}
}
&__title {
flex: 1 1 auto;
}
&__toggle {
display: none;
margin-right: 0.5rem;
@media (--ifm-narrow-window) {
display: inherit;
}
}
&__logo {
flex: 0 0 auto;
height: 2rem;
margin-right: 0.5rem;
img {
height: 100%;
}
}
&__items {
align-items: center;
display: flex;
flex: 1;
min-width: 0;
&--center {
flex: 0 0 auto;
^^&__brand {
margin: 0;
}
+ ^&--right {
flex: 1;
}
}
&--right {
flex: 0 0 auto;
justify-content: flex-end;
> :last-child {
padding-right: 0;
}
}
}
&__item {
display: inline-block;
padding: var(--ifm-navbar-item-padding-vertical)
var(--ifm-navbar-item-padding-horizontal);
&.dropdown {
^^&__link:not([href]) {
pointer-events: none;
}
}
@media (--ifm-narrow-window) {
display: none;
}
}
&__link {
color: var(--ifm-navbar-link-color);
font-weight: var(--ifm-font-weight-semibold);
&:hover,
&--active {
color: var(--ifm-navbar-link-hover-color);
text-decoration: none;
}
}
&--dark,
&--primary {
--ifm-menu-color: var(--ifm-color-gray-300);
--ifm-navbar-link-color: var(--ifm-color-gray-100);
--ifm-navbar-search-input-background-color: rgba(255, 255, 255, 0.1);
--ifm-navbar-search-input-placeholder-color: rgba(255, 255, 255, 0.5);
color: var(--ifm-color-white);
}
&--dark {
--ifm-navbar-background-color: #242526;
--ifm-navbar-link-hover-color: var(--ifm-color-primary);
--ifm-menu-color-background-active: rgba(255, 255, 255, 0.05);
--ifm-navbar-search-input-color: var(--ifm-color-white);
}
&--primary {
--ifm-navbar-background-color: var(--ifm-color-primary);
--ifm-navbar-link-hover-color: var(--ifm-color-white);
--ifm-menu-color-active: var(--ifm-color-white);
--ifm-navbar-search-input-color: var(--ifm-color-emphasis-500);
}
&__search {
&-input {
appearance: none; /* Algolia will add type="search" to the input in Safari and Safari's styling will override the styling here. */
background: var(--ifm-navbar-search-input-background-color)
var(--ifm-navbar-search-input-icon) no-repeat 0.75rem center / 1rem 1rem;
border: none;
border-radius: 2rem;
color: var(--ifm-navbar-search-input-color);
cursor: text;
display: inline-block;
font-size: 0.9rem;
height: 2rem;
padding: 0 0.5rem 0 2.25rem;
width: 12.5rem;
&::placeholder {
color: var(--ifm-navbar-search-input-placeholder-color);
}
@media (--ifm-narrow-window) {
width: 9rem;
}
}
}
&-sidebar {
background-color: var(--ifm-navbar-background-color);
bottom: 0;
box-shadow: var(--ifm-global-shadow-md);
left: 0;
opacity: 0;
overflow-x: hidden;
position: fixed;
top: 0;
transform: translate3d(-100%, 0, 0);
visibility: hidden;
width: var(--ifm-navbar-sidebar-width);
@mixin transition opacity visibility transform, var(--ifm-transition-fast),
ease-in-out;
&--show {
^&,
^&__backdrop {
opacity: 1;
visibility: visible;
}
^& {
transform: translate3d(0, 0, 0);
}
}
&__backdrop {
background-color: rgba(0, 0, 0, 0.6);
bottom: 0;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
@mixin transition opacity visibility, var(--ifm-transition-fast),
ease-in-out;
}
&__brand {
align-items: center;
box-shadow: var(--ifm-navbar-shadow);
display: flex;
flex: 1;
height: var(--ifm-navbar-height);
padding: var(--ifm-navbar-padding-vertical)
var(--ifm-navbar-padding-horizontal);
}
&__items {
display: flex;
height: calc(100% - var(--ifm-navbar-height));
transform: translateZ(0);
transition: transform var(--ifm-transition-fast) ease-in-out;
&--show-secondary {
transform: translate3d(
calc((var(--ifm-navbar-sidebar-width)) * -1),
0,
0
);
}
}
&__item {
flex-shrink: 0;
padding: 0.5rem;
width: calc(var(--ifm-navbar-sidebar-width));
}
&__back {
background: var(--ifm-menu-color-background-active);
font-size: 15px;
font-weight: var(--ifm-button-font-weight);
margin: 0 0 0.2rem -0.5rem;
padding: 0.6rem 1.5rem;
position: relative;
text-align: left;
top: -0.5rem;
width: calc(100% + 1rem);
}
&__close {
display: flex;
margin-left: auto;
}
}
}
+62
View File
@@ -0,0 +1,62 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-pagination-nav-border-radius: var(--ifm-global-radius);
--ifm-pagination-nav-color-hover: var(--ifm-color-primary);
}
.pagination-nav {
display: grid;
gap: var(--ifm-spacing-horizontal);
grid-template-columns: repeat(2, 1fr);
@media print {
display: none;
}
&__link {
border: 1px solid var(--ifm-color-emphasis-300);
border-radius: var(--ifm-pagination-nav-border-radius);
display: block;
height: 100%;
line-height: var(--ifm-heading-line-height);
padding: var(--ifm-global-spacing);
@mixin transition border-color;
&:hover {
border-color: var(--ifm-pagination-nav-color-hover);
text-decoration: none;
}
&--next {
grid-column: 2/3;
text-align: right;
}
}
&__label {
font-size: var(--ifm-h4-font-size);
font-weight: var(--ifm-heading-font-weight);
word-break: break-word;
^&__link--prev &::before {
content: '« ';
}
^&__link--next &::after {
content: ' »';
}
}
&__sublabel {
color: var(--ifm-color-content-secondary);
font-size: var(--ifm-h5-font-size);
font-weight: var(--ifm-font-weight-semibold);
margin-bottom: 0.25rem;
}
}
+75
View File
@@ -0,0 +1,75 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-pagination-border-radius: var(--ifm-global-radius);
--ifm-pagination-color-active: var(--ifm-color-primary);
--ifm-pagination-font-size: 1rem;
--ifm-pagination-item-active-background: var(--ifm-hover-overlay);
--ifm-pagination-page-spacing: 0.2em;
--ifm-pagination-padding-horizontal: calc(var(--ifm-spacing-horizontal) * 1);
--ifm-pagination-padding-vertical: calc(var(--ifm-spacing-vertical) * 0.25);
}
.pagination {
column-gap: var(--ifm-pagination-page-spacing);
display: flex;
font-size: var(--ifm-pagination-font-size);
padding-left: 0;
&--sm {
--ifm-pagination-font-size: 0.8rem;
--ifm-pagination-padding-horizontal: 0.8rem;
--ifm-pagination-padding-vertical: 0.2rem;
}
&--lg {
--ifm-pagination-font-size: 1.2rem;
--ifm-pagination-padding-horizontal: 1.2rem;
--ifm-pagination-padding-vertical: 0.3rem;
}
&__item {
display: inline-flex;
& > span {
padding: var(--ifm-pagination-padding-vertical);
}
&--active {
& ^^&__link {
background: var(--ifm-pagination-item-active-background);
color: var(--ifm-pagination-color-active);
}
}
&:not(&--active):hover {
& ^^&__link {
background: var(--ifm-pagination-item-active-background);
}
}
&--disabled,
&[disabled] {
opacity: 0.25;
pointer-events: none;
}
}
&__link {
border-radius: var(--ifm-pagination-border-radius);
color: var(--ifm-font-color-base);
display: inline-block;
padding: var(--ifm-pagination-padding-vertical)
var(--ifm-pagination-padding-horizontal);
@mixin transition background;
&:hover {
text-decoration: none;
}
}
}
+49
View File
@@ -0,0 +1,49 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-pills-color-active: var(--ifm-color-primary);
--ifm-pills-color-background-active: var(--ifm-hover-overlay);
--ifm-pills-spacing: 0.125rem;
}
.pills {
display: flex;
gap: var(--ifm-pills-spacing);
padding-left: 0;
&__item {
border-radius: 0.5rem;
cursor: pointer;
display: inline-block;
font-weight: var(--ifm-font-weight-bold);
padding: 0.25rem 1rem;
@mixin transition background;
&--active {
background: var(--ifm-pills-color-background-active);
color: var(--ifm-pills-color-active);
}
&:not(&--active):hover {
background: var(--ifm-pills-color-background-active);
}
}
&--block {
justify-content: stretch;
@media (--ifm-narrow-window) {
flex-direction: column;
}
^&__item {
flex-grow: 1;
text-align: center;
}
}
}
+50
View File
@@ -0,0 +1,50 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-toc-border-color: var(--ifm-color-emphasis-300);
--ifm-toc-link-color: var(--ifm-color-content-secondary);
--ifm-toc-padding-vertical: 0.5rem;
--ifm-toc-padding-horizontal: 0.5rem;
}
.table-of-contents {
font-size: 0.8rem;
margin-bottom: 0;
padding: var(--ifm-toc-padding-vertical) 0;
@media print {
display: none;
}
&,
ul {
list-style: none;
padding-left: var(--ifm-toc-padding-horizontal);
}
li {
margin: var(--ifm-toc-padding-vertical) var(--ifm-toc-padding-horizontal);
}
&__left-border {
border-left: 1px solid var(--ifm-toc-border-color);
}
&__link {
color: var(--ifm-toc-link-color);
display: block;
&:hover,
&:hover code,
&--active,
&--active code {
color: var(--ifm-color-primary);
text-decoration: none;
}
}
}
+60
View File
@@ -0,0 +1,60 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-tabs-color: var(--ifm-font-color-secondary);
--ifm-tabs-color-active: var(--ifm-color-primary);
--ifm-tabs-color-active-border: var(--ifm-tabs-color-active);
--ifm-tabs-padding-horizontal: 1rem;
--ifm-tabs-padding-vertical: 1rem;
}
.tabs {
color: var(--ifm-tabs-color);
display: flex;
font-weight: var(--ifm-font-weight-bold);
margin-bottom: 0;
overflow-x: auto;
padding-left: 0;
@media print {
page-break-inside: avoid;
}
&__item {
border-bottom: 3px solid transparent;
border-radius: var(--ifm-global-radius);
cursor: pointer;
display: inline-flex;
padding: var(--ifm-tabs-padding-vertical) var(--ifm-tabs-padding-horizontal);
@mixin transition background-color;
&--active {
border-bottom-color: var(--ifm-tabs-color-active-border);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
color: var(--ifm-tabs-color-active);
}
&:hover {
background-color: var(--ifm-hover-overlay);
}
}
&--block {
justify-content: stretch;
@media (--ifm-narrow-window) {
flex-direction: column;
}
^&__item {
flex-grow: 1;
justify-content: center;
}
}
}
+65
View File
@@ -0,0 +1,65 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-code-background: color-mod(
var(--ifm-color-emphasis-100) tint(var(--ifm-light-value))
);
--ifm-code-border-radius: var(--ifm-global-radius);
--ifm-code-font-size: 90%;
--ifm-code-padding-horizontal: 0.1rem;
--ifm-code-padding-vertical: 0.1rem;
--ifm-pre-background: var(--ifm-code-background);
--ifm-pre-border-radius: var(--ifm-code-border-radius);
--ifm-pre-color: inherit;
--ifm-pre-line-height: 1.45;
--ifm-pre-padding: 1rem;
}
code {
background-color: var(--ifm-code-background);
border: 0.1rem solid rgba(0, 0, 0, 0.1);
border-radius: var(--ifm-code-border-radius);
font-family: var(--ifm-font-family-monospace);
font-size: var(--ifm-code-font-size);
padding: var(--ifm-code-padding-vertical) var(--ifm-code-padding-horizontal);
vertical-align: middle;
}
a code {
color: inherit;
}
pre {
background-color: var(--ifm-pre-background);
border-radius: var(--ifm-pre-border-radius);
color: var(--ifm-pre-color);
font: var(--ifm-code-font-size) / var(--ifm-pre-line-height)
var(--ifm-font-family-monospace);
margin: 0 0 var(--ifm-spacing-vertical);
overflow: auto;
padding: var(--ifm-pre-padding);
code {
background-color: transparent;
border: none;
font-size: 100%;
line-height: inherit;
padding: 0;
}
}
kbd {
background-color: var(--ifm-color-emphasis-0);
border: 1px solid var(--ifm-color-emphasis-400);
border-radius: 0.2rem;
box-shadow: inset 0 -1px 0 var(--ifm-color-emphasis-400);
color: var(--ifm-color-emphasis-800);
font: 80% var(--ifm-font-family-monospace);
padding: 0.15rem 0.3rem;
}
+41
View File
@@ -0,0 +1,41 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-heading-color: inherit;
--ifm-heading-margin-top: 0;
--ifm-heading-margin-bottom: var(--ifm-spacing-vertical);
--ifm-heading-font-family: var(--ifm-font-family-base);
--ifm-heading-font-weight: var(--ifm-font-weight-bold);
--ifm-heading-line-height: 1.25;
--ifm-h1-font-size: 2rem;
--ifm-h2-font-size: 1.5rem;
--ifm-h3-font-size: 1.25rem;
--ifm-h4-font-size: 1rem;
--ifm-h5-font-size: 0.875rem;
--ifm-h6-font-size: 0.85rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--ifm-heading-color);
font-family: var(--ifm-heading-font-family);
font-weight: var(--ifm-heading-font-weight);
line-height: var(--ifm-heading-line-height);
margin: var(--ifm-heading-margin-top) 0 var(--ifm-heading-margin-bottom) 0;
}
@for $size from 1 to 6 {
h$(size) {
font-size: var(--ifm-h$(size)-font-size);
}
}
+22
View File
@@ -0,0 +1,22 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-image-alignment-padding: 1.25rem;
}
img {
max-width: 100%;
}
img[align='right'] {
padding-left: var(--image-alignment-padding);
}
img[align='left'] {
padding-right: var(--image-alignment-padding);
}
+39
View File
@@ -0,0 +1,39 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-list-left-padding: 2rem;
--ifm-list-margin: 1rem;
--ifm-list-item-margin: 0.25rem;
--ifm-list-paragraph-margin: 1rem;
}
/* Lists */
ul,
ol {
margin: 0 0 var(--ifm-list-margin);
padding-left: var(--ifm-list-left-padding);
}
ol ol,
ul ol {
list-style-type: lower-roman;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin: 0;
}
ul ul ol,
ul ol ol,
ol ul ol,
ol ol ol {
list-style-type: lower-alpha;
}
+106
View File
@@ -0,0 +1,106 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
/* Leading is the distance between two baselines */
/* TODO: add appropriate mobile leading */
--ifm-leading-desktop: 1.25;
--ifm-leading: calc(var(--ifm-leading-desktop) * 1rem);
}
.markdown {
--ifm-h1-vertical-rhythm-top: 3;
--ifm-h2-vertical-rhythm-top: 2;
--ifm-h3-vertical-rhythm-top: 1.5;
--ifm-heading-vertical-rhythm-top: 1.25;
--ifm-h1-vertical-rhythm-bottom: 1.25;
--ifm-heading-vertical-rhythm-bottom: 1;
&:before {
content: '';
display: table;
}
&:after {
clear: both;
content: '';
display: table;
}
& > *:last-child {
margin-bottom: 0 !important;
}
& h1:first-child {
--ifm-h1-font-size: 3rem;
margin-bottom: calc(
var(--ifm-h1-vertical-rhythm-bottom) * var(--ifm-leading)
);
}
& > h2 {
--ifm-h2-font-size: 2rem;
margin-bottom: calc(
var(--ifm-heading-vertical-rhythm-bottom) * var(--ifm-leading)
);
margin-top: calc(var(--ifm-h2-vertical-rhythm-top) * var(--ifm-leading));
}
& > h3 {
--ifm-h3-font-size: 1.5rem;
margin-bottom: calc(
var(--ifm-heading-vertical-rhythm-bottom) * var(--ifm-leading)
);
margin-top: calc(var(--ifm-h3-vertical-rhythm-top) * var(--ifm-leading));
}
& > h4,
& > h5,
& > h6 {
margin-bottom: calc(
var(--ifm-heading-vertical-rhythm-bottom) * var(--ifm-leading)
);
margin-top: calc(
var(--ifm-heading-vertical-rhythm-top) * var(--ifm-leading)
);
}
/* Consistent spacing between content paragraphs. */
& > pre,
& > ul,
& > p {
margin-bottom: var(--ifm-leading);
}
li {
overflow-wrap: break-word;
& > p {
margin-top: var(--ifm-list-paragraph-margin);
}
& + li {
margin-top: var(--ifm-list-item-margin);
}
}
@media (max-width: 576px) {
& h1:first-child {
--ifm-h1-font-size: 2rem;
}
& > h2 {
--ifm-h2-font-size: 1.5rem;
}
& > h3 {
--ifm-h3-font-size: 1.25rem;
}
}
}
+63
View File
@@ -0,0 +1,63 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-table-cell-padding: 0.75rem;
--ifm-table-background: transparent;
--ifm-table-stripe-background: rgba(0, 0, 0, 0.03);
--ifm-table-border-width: 1px;
--ifm-table-border-color: var(--ifm-color-emphasis-300);
--ifm-table-head-background: inherit;
--ifm-table-head-color: inherit;
--ifm-table-head-font-weight: var(--ifm-font-weight-bold);
--ifm-table-cell-color: inherit;
}
table {
border-collapse: collapse;
display: block;
margin-bottom: var(--ifm-spacing-vertical);
overflow: auto;
thead tr {
border-bottom: 2px solid var(--ifm-table-border-color);
}
thead {
background-color: var(--ifm-table-stripe-background);
}
tr {
background-color: var(--ifm-table-background);
border-top: var(--ifm-table-border-width) solid
var(--ifm-table-border-color);
}
tr:nth-child(2n) {
background-color: var(--ifm-table-stripe-background);
}
th,
td {
border: var(--ifm-table-border-width) solid var(--ifm-table-border-color);
padding: var(--ifm-table-cell-padding);
}
th {
background-color: var(--ifm-table-head-background);
color: var(--ifm-table-head-color);
font-weight: var(--ifm-table-head-font-weight);
}
td {
color: var(--ifm-table-cell-color);
}
}
+86
View File
@@ -0,0 +1,86 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
/* Links. */
--ifm-link-color: var(--ifm-color-primary);
--ifm-link-decoration: none;
--ifm-link-hover-color: var(--ifm-link-color);
--ifm-link-hover-decoration: underline;
/* Paragraphs. */
--ifm-paragraph-margin-bottom: var(--ifm-leading);
/* Blockquotes. */
--ifm-blockquote-font-size: var(--ifm-font-size-base);
--ifm-blockquote-border-left-width: 2px;
--ifm-blockquote-padding-horizontal: var(--ifm-spacing-horizontal);
--ifm-blockquote-padding-vertical: 0;
--ifm-blockquote-shadow: none;
--ifm-blockquote-color: var(--ifm-color-emphasis-800);
--ifm-blockquote-border-color: var(--ifm-color-emphasis-300);
/* Horizontal Rules. */
--ifm-hr-background-color: var(--ifm-color-emphasis-500);
--ifm-hr-height: 1px;
--ifm-hr-margin-vertical: 1.5rem;
}
strong {
font-weight: var(--ifm-font-weight-bold);
}
/* Links */
a {
color: var(--ifm-link-color);
/* autoprefixer: ignore next */
text-decoration: var(--ifm-link-decoration);
@mixin transition color;
&:hover {
color: var(--ifm-link-hover-color);
/* autoprefixer: ignore next */
text-decoration: var(--ifm-link-hover-decoration);
}
&:not([href]) {
text-decoration: none;
}
}
/* Paragraphs */
p {
margin: 0 0 var(--ifm-paragraph-margin-bottom);
}
/* Blockquotes */
blockquote {
border-left: var(--ifm-blockquote-border-left-width) solid
var(--ifm-blockquote-border-color);
box-shadow: var(--ifm-blockquote-shadow);
color: var(--ifm-blockquote-color);
font-size: var(--ifm-blockquote-font-size);
margin: 0 0 var(--ifm-spacing-vertical);
padding: var(--ifm-blockquote-padding-vertical)
var(--ifm-blockquote-padding-horizontal);
& > :first-child {
margin-top: 0;
}
& > :last-child {
margin-bottom: 0;
}
}
/* Horizontal Rules */
hr {
background-color: var(--ifm-hr-background-color);
border: 0;
height: var(--ifm-hr-height);
margin: var(--ifm-hr-margin-vertical) 0;
}
+53
View File
@@ -0,0 +1,53 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/* Common */
@import 'common/variables.pcss';
@import 'common/base.pcss';
/* Layout */
@import 'layout/grid.pcss';
@import 'layout/spacing.pcss';
/* Content */
@import 'content/code.pcss';
@import 'content/heading.pcss';
@import 'content/image.pcss';
@import 'content/markdown.pcss';
@import 'content/list.pcss';
@import 'content/table.pcss';
@import 'content/typography.pcss';
/* Utilities */
@import 'utilities/shadow.pcss';
@import 'utilities/text.pcss';
@import 'utilities/custom-scrollbar.pcss';
@import 'utilities/misc.pcss';
/* Components */
@import 'components/alert.pcss';
@import 'components/avatar.pcss';
@import 'components/badge.pcss';
@import 'components/breadcrumb.pcss';
@import 'components/button.pcss';
@import 'components/button-group.pcss';
@import 'components/card.pcss';
@import 'components/table-of-contents.pcss';
@import 'components/close.pcss';
@import 'components/dropdown.pcss';
@import 'components/footer.pcss';
@import 'components/forms.pcss';
@import 'components/hero.pcss';
@import 'components/menu.pcss';
@import 'components/navbar.pcss';
@import 'components/pagination.pcss';
@import 'components/pagination-nav.pcss';
@import 'components/pills.pcss';
@import 'components/tabs.pcss';
/* Mode */
@import 'common/dark-mode.pcss';
+96
View File
@@ -0,0 +1,96 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-container-width: 1140px;
--ifm-container-width-xl: 1320px;
}
.container {
margin: 0 auto;
max-width: var(--ifm-container-width);
padding: 0 var(--ifm-spacing-horizontal);
width: 100%;
&--fluid {
max-width: inherit;
}
@media (min-width: 1440px) {
& {
max-width: var(--ifm-container-width-xl);
}
}
}
.row {
display: flex;
flex-wrap: wrap;
margin: 0 calc(var(--ifm-spacing-horizontal) * -1);
&--no-gutters {
margin-left: 0;
margin-right: 0;
& > .col {
padding-left: 0;
padding-right: 0;
}
}
&--align-top {
align-items: flex-start;
}
&--align-bottom {
align-items: flex-end;
}
&--align-center {
align-items: center;
}
&--align-stretch {
align-items: stretch;
}
&--align-baseline {
align-items: baseline;
}
}
.col {
--ifm-col-width: 100%;
flex: 1 0;
margin-left: 0;
max-width: var(--ifm-col-width);
padding: 0 var(--ifm-spacing-horizontal);
width: 100%;
&[class*='col--'] {
flex: 0 0 var(--ifm-col-width);
}
@media (--ifm-narrow-window) {
& {
--ifm-col-width: 100%;
flex-basis: var(--ifm-col-width);
margin-left: 0;
}
}
@for $column from 1 to 12 {
&--$(column) {
--ifm-col-width: calc($(column) / 12 * 100%);
}
&--offset-$(column) {
margin-left: calc($(column) / 12 * 100%);
}
}
}
+32
View File
@@ -0,0 +1,32 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
@each $type in (margin, padding) {
@each $size, $value in (none, xs, sm, md, lg, xl),
(0, 0.25rem, 0.5rem, 1rem, 2rem, 5rem)
{
.$(type)--$(size) {
$(type): $(value) !important;
}
@each $side in (top, left, bottom, right) {
.$(type)-$(side)--$(size) {
$(type)-$(side): $(value) !important;
}
}
.$(type)-vert--$(size) {
$(type)-bottom: $(value) !important;
$(type)-top: $(value) !important;
}
.$(type)-horiz--$(size) {
$(type)-left: $(value) !important;
$(type)-right: $(value) !important;
}
}
}
+9
View File
@@ -0,0 +1,9 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
@import '../../infima.pcss';
@import '../../common/variables-dark.pcss';
+8
View File
@@ -0,0 +1,8 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
@import '../../infima.pcss';
+34
View File
@@ -0,0 +1,34 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-scrollbar-size: 7px;
--ifm-scrollbar-track-background-color: #f1f1f1;
--ifm-scrollbar-thumb-background-color: #c0c0c0;
--ifm-scrollbar-thumb-hover-background-color: #a7a7a7;
}
@media (pointer: fine) {
.thin-scrollbar {
scrollbar-width: thin;
}
.thin-scrollbar::-webkit-scrollbar {
height: var(--ifm-scrollbar-size);
width: var(--ifm-scrollbar-size);
}
.thin-scrollbar::-webkit-scrollbar-track {
background: var(--ifm-scrollbar-track-background-color);
border-radius: 10px;
}
.thin-scrollbar::-webkit-scrollbar-thumb {
background: var(--ifm-scrollbar-thumb-background-color);
border-radius: 10px;
}
.thin-scrollbar::-webkit-scrollbar-thumb:hover {
background: var(--ifm-scrollbar-thumb-hover-background-color);
}
}
+20
View File
@@ -0,0 +1,20 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.clean-btn {
background: none;
border: none;
color: inherit;
cursor: pointer;
font-family: inherit;
padding: 0;
}
.clean-list {
list-style: none;
padding-left: 0;
}
+20
View File
@@ -0,0 +1,20 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.shadow {
&--lw {
box-shadow: var(--ifm-global-shadow-lw) !important;
}
&--md {
box-shadow: var(--ifm-global-shadow-md) !important;
}
&--tl {
box-shadow: var(--ifm-global-shadow-tl) !important;
}
}
+52
View File
@@ -0,0 +1,52 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
@each $color in (primary, secondary, success, info, warning, danger) {
.text--$(color) {
color: var(--ifm-color-$(color));
}
}
@each $align in (center, left, justify, right) {
.text--$(align) {
text-align: $align;
}
}
@each $transform in (capitalize, lowercase, uppercase) {
.text--$(transform) {
text-transform: $transform;
}
}
@each $weight in (light, normal, semibold, bold) {
.text--$(weight) {
font-weight: var(--ifm-font-weight-$(weight));
}
}
.text--italic {
font-style: italic;
}
.text--truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text--break {
overflow-wrap: break-word !important;
word-break: break-word !important;
}
.text--no-decoration {
&,
&:hover {
text-decoration: none;
}
}