1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
export const sampleRules = [
{
component: 'Underlay',
// variant: 'normal',
// state: 'normal'
directives: {
background: '#000000',
opacity: 0.2
}
},
{
component: 'Panel',
directives: {
background: '#FFFFFF',
opacity: 0.9
}
},
{
component: 'PanelHeader',
directives: {
background: '#000000',
opacity: 0.9
}
},
{
component: 'Button',
directives: {
background: '#000000',
opacity: 0.8
}
},
{
component: 'Button',
state: ['hover'],
directives: {
background: '#FF00FF',
opacity: 0.9
}
}
]
|
