Skip to Main Content

Flavor Key Reference

For testing: ADA High Contrast Toggle

See all pages: Table of Contents

Example #1

Two columns: one with two per row, the other with descriptions.

Category 1

Some category description text.

Bright pure red
Very bright grassy neon green
Vivid blue

Disclaimer test.

Category2

Bright pure red

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Very bright green

Tenetur enim molestiae doloremque cupiditate quaerat pariatur sed eius assumenda error reprehenderit deserunt, saepe deleniti, nostrum a inventore ipsum harum rerum adipisci delectus quidem.

Vivid blue

This color has a description also.

Disclaimer test.

Example #2

Four per row.

Category 1

Bright pure red
Very bright grassy neon green super green
Vivid blue
Bright pure red
Very bright grassy neon green

Disclaimer test.

Example #3

Centered option for flavors that don't need fill a whole line. Also set to 'flow' to not break in formal columns/restrict name widths.

Category 1

Category description text.

Bright pure red
Very bright grassy neon green

Disclaimer test.

Example #4

Sometimes, items will stay stacked in one column.

Category 1

Tenetur enim molestiae doloremque cupiditate quaerat pariatur sed eius assumenda error reprehenderit deserunt, saepe deleniti, nostrum a inventore ipsum harum rerum adipisci delectus quidem.

Bright pure red
Very bright grassy neon green

Tenetur enim molestiae doloremque cupiditate quaerat pariatur sed eius assumenda error reprehenderit deserunt, saepe deleniti, nostrum a inventore ipsum harum rerum adipisci delectus quidem.

Example #5

Three per row

Category 1

Bright pure red
Very bright grassy neon green super green
Vivid blue
Bright pure red
Very bright grassy neon green

Disclaimer test.