Skip to content

Create CSS variables for SCSS design tokens #4367

@xelaint

Description

@xelaint

Feature description

Create CSS variables for SCSS design tokens

In typography, these SCSS tokens should have a CSS equivalent.

$font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
	Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !default;
$font-family-mono: ui-monospace, 'SFMono-Regular', SF Mono, Menlo, Consolas,
	'Liberation Mono', monospace !default;

$font-size-sm: 0.875rem;
$font-size-base: 1rem;
$font-size-md: 1.25rem;
$font-size-lg: 1.5rem;

It should all be prefixed with daff-.

Use case

No response

Prior work

No response

Daffodil version

0.91.0

Additional context

No response

Metadata

Metadata

Assignees

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions