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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
/* eslint-disable comma-dangle */
"use strict";
/**
* Snapshot of the Redux state for the Changes panel.
*
* It corresponds to the tracking of a single property value change (background-color)
* within a deeply nested CSS at-rule structure from an inline stylesheet:
*
* @media (min-width: 50em) {
* @supports (display: grid) {
* body {
* - background-color: royalblue;
* + background-color: red;
* }
* }
* }
*/
module.exports.CHANGES_STATE = {
source1: {
type: "inline",
href: "http://localhost:5000/at-rules-nested.html",
id: "source1",
index: 0,
isFramed: false,
rules: {
rule1: {
selectors: ["@media (min-width: 50em)"],
ruleId: "rule1",
add: [],
remove: [],
children: ["rule2"],
},
rule2: {
selectors: ["@supports (display: grid)"],
ruleId: "rule2",
add: [],
remove: [],
children: ["rule3"],
parent: "rule1",
},
rule3: {
selectors: ["body"],
ruleId: "rule3",
add: [
{
property: "background-color",
value: "red",
index: 0,
},
],
remove: [
{
property: "background-color",
value: "royalblue",
index: 0,
},
],
children: [],
parent: "rule2",
},
},
},
};
|
