NODEDC_DESIGN_GUIDELINE/packages/tokens/tokens.css

64 lines
2.0 KiB
CSS

:root,
[data-nodedc-ui] {
--nodedc-radius-modal: 1.75rem;
--nodedc-radius-panel: 1.375rem;
--nodedc-radius-card: 1.35rem;
--nodedc-radius-control: 1.25rem;
--nodedc-radius-control-compact: 0.875rem;
--nodedc-radius-option: 0.9rem;
--nodedc-radius-circle: 999px;
--nodedc-control-height: 2.875rem;
--nodedc-control-height-compact: 2.375rem;
--nodedc-icon-button-size: 2.875rem;
--nodedc-header-row-height: 3rem;
--nodedc-header-pill-height: 3.45rem;
--nodedc-header-logo-width: 7.25rem;
--nodedc-header-logo-height: 1.79rem;
--nodedc-inspector-width: 24.375rem;
--nodedc-inspector-inner-width: 20.625rem;
--nodedc-inspector-label-width: 9.625rem;
--nodedc-inspector-control-width: 10.125rem;
--nodedc-inspector-control-gap: 0.875rem;
--nodedc-inspector-section-radius: 0.75rem;
--nodedc-inspector-button-radius: 1rem;
--nodedc-select-toggle-width: 2.875rem;
--nodedc-select-gap: 0.5rem;
--nodedc-space-1: 0.25rem;
--nodedc-space-2: 0.5rem;
--nodedc-space-3: 0.75rem;
--nodedc-space-4: 1rem;
--nodedc-space-5: 1.25rem;
--nodedc-space-6: 1.5rem;
--nodedc-space-8: 2rem;
--nodedc-page-padding: 1.25rem;
--nodedc-blur-control: 24px;
--nodedc-blur-panel: 44px;
--nodedc-blur-modal: 64px;
--nodedc-blur-dropdown: 44px;
--nodedc-duration-fast: 120ms;
--nodedc-duration-normal: 180ms;
--nodedc-duration-slow: 260ms;
--nodedc-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
--nodedc-layer-base: 0;
--nodedc-layer-panel: 100;
--nodedc-layer-header: 400;
--nodedc-layer-overlay: 800;
--nodedc-layer-popover: 900;
--nodedc-layer-toast: 950;
--nodedc-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--nodedc-font-size-xs: 0.6875rem;
--nodedc-font-size-sm: 0.75rem;
--nodedc-font-size-md: 0.8125rem;
--nodedc-font-size-lg: 1rem;
--nodedc-font-size-title: 1.125rem;
--nodedc-font-weight-regular: 450;
--nodedc-font-weight-medium: 620;
--nodedc-font-weight-strong: 760;
}