@redocly/theme
Version:
Shared UI components lib
60 lines (47 loc) • 2.05 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.sidebar = void 0;
const styled_components_1 = require("styled-components");
exports.sidebar = (0, styled_components_1.css) `
/**
* @tokens Sidebar typography
*/
--sidebar-font-size: var(--font-size-base); // @presenter FontSize
--sidebar-font-family: var(--font-family-base); // @presenter FontFamily
--sidebar-word-break: inherit;
/**
* @tokens Sidebar colors
* @presenter Color
*/
--sidebar-bg-color: var(--bg-color); // @presenter Color
--sidebar-border-color: var(--border-color-secondary); // @presenter Color
--sidebar-text-color: var(--tree-content-color-default); // @presenter Color
/**
* @tokens Sidebar spacing
* @presenter Spacing
*/
--sidebar-spacing-unit: var(--spacing-base); // @presenter Spacing
--sidebar-width: 285px; // @presenter Spacing
--sidebar-collapsed-width: 55px; // @presenter Spacing
--sidebar-margin-horizontal: var(--spacing-base); // @presenter Spacing
--sidebar-offset-top: var(--sidebar-spacing-unit); // @presenter Spacing
--sidebar-offset-left: var(--sidebar-spacing-unit); // @presenter Spacing
--sidebar-chevron-size: var(--spacing-xs); // @presenter Spacing
--sidebar-header-padding-bottom: var(--sidebar-spacing-unit);
--sidebar-footer-padding-vertical: var(--spacing-sm); // @presenter Spacing
--sidebar-footer-padding-horizontal: var(--spacing-base); // @presenter Spacing
/**
* @tokens Sidebar logo
*/
--sidebar-logo-max-height: 285px; // @presenter Spacing
--sidebar-logo-max-width: 285px; // @presenter Spacing
--sidebar-logo-padding: 2px; // @presenter Spacing
/**
* @tokens Sidebar controls
*/
--sidebar-controls-collapsed-gap: var(--spacing-xs); // @presenter Spacing
--sidebar-controls-collapsed-padding-vertical: var(--spacing-xs); // @presenter Spacing
--sidebar-controls-collapsed-padding-horizontal: var(--spacing-xxs); // @presenter Spacing
// @tokens End
`;
//# sourceMappingURL=variables.js.map