import { css } from 'styled-components';

export const codeWalkthrough = css`
--code-step-vertical-line-bg-active: var(--color-blue-6);
--code-step-vertical-line-bg-hover: var(--color-hover-base);

--code-step-bg-active: var(--layer-color);
--code-step-bg-hover: var(--color-hover-base);
--code-step-bg-active-hover: var(--layer-color-hover);

--code-panel-bg-color: var(--layer-color);
--code-panel-line-numbering-color: var(--text-color-disabled);
--code-panel-header-height: var(--spacing-lg);
--code-panel-border-color: var(--border-color-secondary);
--code-panel-border-radius: var(--border-radius);
`;