206b95aba5
Summary: Pull Request resolved: https://github.com/facebook/yoga/pull/1613 So that GitHub links to edit a page point to the right place. This will fail in OSS build until I switch the directory used by Vercel instance, but I am waiting to do that until ready to land, since that would cause other in progress changes to fail when exported. Reviewed By: joevilches Differential Revision: D54837857 fbshipit-source-id: 9bec90232dbe3ec8638568685671185d597fcf2d
69 lines
2.0 KiB
CSS
69 lines
2.0 KiB
CSS
/**
|
|
* Copyright (c) Meta Platforms, Inc. and 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='light'] {
|
|
--yg-color-node-depth-0: var(--ifm-color-gray-0);
|
|
--yg-color-node-depth-1: var(--ifm-color-gray-200);
|
|
--yg-color-node-depth-2: var(--ifm-color-gray-400);
|
|
--yg-color-node-depth-3: var(--ifm-color-gray-600);
|
|
--yg-color-node-depth-4: var(--ifm-color-gray-800);
|
|
|
|
--yg-border-node-depth-0: 1px solid var(--ifm-color-gray-200);
|
|
--yg-border-node-depth-1: 1px solid var(--ifm-color-gray-600);
|
|
--yg-border-node-depth-2: 1px solid var(--ifm-color-gray-700);
|
|
--yg-border-node-depth-3: 1px solid var(--ifm-color-gray-800);
|
|
--yg-border-node-depth-4: 1px solid var(--ifm-color-gray-900);
|
|
}
|
|
|
|
html[data-theme='dark'] {
|
|
--yg-color-node-depth-0: var(--ifm-color-gray-900);
|
|
--yg-color-node-depth-1: var(--ifm-color-gray-800);
|
|
--yg-color-node-depth-2: var(--ifm-color-gray-700);
|
|
--yg-color-node-depth-3: var(--ifm-color-gray-600);
|
|
--yg-color-node-depth-4: var(--ifm-color-gray-500);
|
|
|
|
--yg-border-node-depth-0: 1px solid var(--ifm-color-gray-800);
|
|
--yg-border-node-depth-1: 1px solid var(--ifm-color-gray-700);
|
|
--yg-border-node-depth-2: 1px solid var(--ifm-color-gray-600);
|
|
--yg-border-node-depth-3: 1px solid var(--ifm-color-gray-500);
|
|
--yg-border-node-depth-4: 1px solid var(--ifm-color-gray-400);
|
|
}
|
|
|
|
.layoutBox {
|
|
box-sizing: border-box;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.zeroDim {
|
|
border: 0 !important;
|
|
}
|
|
|
|
.depthZero {
|
|
background: var(--yg-color-node-depth-0);
|
|
border: var(--yg-border-node-depth-0);
|
|
}
|
|
|
|
.depthOne {
|
|
background-color: var(--yg-color-node-depth-1);
|
|
border: var(--yg-border-node-depth-1);
|
|
}
|
|
|
|
.depthTwo {
|
|
background-color: var(--yg-color-node-depth-2);
|
|
border: var(--yg-border-node-depth-2);
|
|
}
|
|
|
|
.depthThree {
|
|
background-color: var(--yg-color-node-depth-3);
|
|
border: var(--yg-border-node-depth-3);
|
|
}
|
|
|
|
.depthFour {
|
|
background-color: var(--yg-color-node-depth-4);
|
|
border: var(--yg-border-node-depth-4);
|
|
}
|