@redocly/theme/src/components/SkipContent/variables.ts

Shared UI components lib

import { css } from 'styled-components';

export const skipContent = css`
	/**
	 * @tokens SkipContent Base
	 */

	--skip-content-text-color: var(--color-blue-7);
	--skip-content-font-size: var(--font-size-xl);
	--skip-content-font-weight: var(--font-weight-bold);
	--skip-content-background-color: var(--bg-color);
	--skip-content-border-color: var(--color-blue-7);
	--skip-content-padding: var(--spacing-xs) var(--spacing-md);
	--skip-content-border-radius: 100px;
	--skip-content-border: 1px solid var(--skip-content-border-color);
	--tooltip-padding: var(--tooltip-padding-vertical) var(--tooltip-padding-horizontal);
	--tooltip-max-width: 250px;

	// @tokens End
`;