@atlaskit/navigation-system
Version:
The latest navigation system for Atlassian apps.
16 lines (15 loc) • 801 B
JavaScript
import React from 'react';
import { gridRootId } from './root';
/**
* This is not ideal and shouldn't be used by anything outside of `<Banner>` and `<TopNav>`.
*
* This makes the other page layout elements aware that the banner and top bar have been mounted, provides them
* with their heights. This is needed to power the stick points of page layout elements like SideNav and Panel.
*
* We should clean this up once we have a better solution, such as moving the size props for banner and top bar into `Root`.
*/
export var HoistCssVarToLocalGrid = function HoistCssVarToLocalGrid(_ref) {
var variableName = _ref.variableName,
value = _ref.value;
return /*#__PURE__*/React.createElement("style", null, "#".concat(gridRootId, " { ").concat(variableName, ": ").concat(value, "px }"));
};