Skip to content

Generate scss mixins-and-variables docs #4369

@damienwebdev

Description

@damienwebdev
  1. Process all docs from dist/docs-assets/sassdoc
  2. All variables and mixins except for theme is on a "Mixins and Variables" page. Theming will have its own page. Both page will be under a "General Utilities" tree item.
  3. Filter out docs that are in the group theming
  4. Enumerate all functions, mixins and variables groups (alphabetically), and then within them alphabetically 1. Additionally, within each group, variables come first.4. Docs for each token look like outlined below:

Variable Example:

| Example | Variable Name | Value |
| -------- | --------------- | ----- |
|  |    --daff-font-size-lg       |           |
|      | --daff-border-radius-sm |       |

Possibly provide commentary that things that begin with -- are css variables

Function Example:

## Token Name

Token description

### Arguments

### SCSS Example

Mixin Example

## Token Name
Token description

### Arguments

### SCSS Example

Metadata

Metadata

Assignees

Labels

docsThis issue is related to documentationpackage: design@daffodil/design

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions