Please enable JavaScript.
Coggle requires JavaScript to display documents.
Design-tokens UX team, custom tokens (classes) - Coggle Diagram
Design-tokens UX team
ShadowRoot/ App
View1
Widget1
Widget1_1
Button
Button2
Button3
color: var(--button-color-secondary)
CSS GridConfig
button class: secondary-button
id: button3 - class primary-button
CSS GridConfig
button class: primary-button
Widget2
CSS GridConfig
buttons class: primary-buttons
.widget1_1: { button-active-color: var(--color-primary-red)} //button class: secondary-button
.widget1_1 #button3: {--button-color-secondary: orange}
CSS GRID APP CONFIG
custom tokens (classes)
primary-button: { ... }
secondary-button { ... }