blob: 19646a9525b9e73e622eadeb49c81ccfdf6c5af3 [file] [log] [blame]
Highlight CSS shapes.
circle{
"paths": [
{
"path": [
"M",
88,
8,
"Q",
121,
8,
145,
31,
"Q",
168,
55,
168,
88,
"Q",
168,
121,
145,
145,
"Q",
121,
168,
88,
168,
"Q",
55,
168,
31,
145,
"Q",
8,
121,
8,
88,
"Q",
8,
55,
31,
31,
"Q",
55,
8,
88,
8,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
88,
-24,
"Q",
134,
-24,
167,
9,
"Q",
200,
42,
200,
88,
"Q",
200,
134,
167,
167,
"Q",
134,
200,
88,
200,
"Q",
42,
200,
9,
167,
"Q",
-24,
134,
-24,
88,
"Q",
-24,
42,
9,
9,
"Q",
42,
-24,
88,
-24,
"Z"
],
"fillColor": "rgba(128, 128, 128, 0)"
},
{
"path": [
"M",
24,
24,
"L",
152,
24,
"L",
152,
152,
"L",
24,
152,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
24,
24,
"L",
152,
24,
"L",
152,
152,
"L",
24,
152,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
24,
24,
"L",
152,
24,
"L",
152,
152,
"L",
24,
152,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
8,
8,
"L",
168,
8,
"L",
168,
168,
"L",
8,
168,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "circle",
"className": ".float.circle",
"nodeWidth": "128",
"nodeHeight": "128",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutNGBlockFlow",
"showAccessibilityInfo": true
}
}
insetSimpleRound{
"paths": [
{
"path": [
"M",
248,
56,
"Q",
261,
56,
271,
65,
"Q",
280,
75,
280,
88,
"Q",
280,
101,
271,
111,
"Q",
261,
120,
248,
120,
"Q",
235,
120,
225,
111,
"Q",
216,
101,
216,
88,
"Q",
216,
75,
225,
65,
"Q",
235,
56,
248,
56,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
248,
24,
"Q",
275,
24,
293,
43,
"Q",
312,
61,
312,
88,
"Q",
312,
115,
293,
133,
"Q",
275,
152,
248,
152,
"Q",
221,
152,
203,
133,
"Q",
184,
115,
184,
88,
"Q",
184,
61,
203,
43,
"Q",
221,
24,
248,
24,
"Z"
],
"fillColor": "rgba(128, 128, 128, 0)"
},
{
"path": [
"M",
184,
24,
"L",
312,
24,
"L",
312,
152,
"L",
184,
152,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
184,
24,
"L",
312,
24,
"L",
312,
152,
"L",
184,
152,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
184,
24,
"L",
312,
24,
"L",
312,
152,
"L",
184,
152,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
168,
8,
"L",
328,
8,
"L",
328,
168,
"L",
168,
168,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "insetSimpleRound",
"className": ".float.insetSimpleRound",
"nodeWidth": "128",
"nodeHeight": "128",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutNGBlockFlow",
"showAccessibilityInfo": true
}
}
insetComplexRound{
"paths": [
{
"path": [
"M",
360,
24,
"L",
408,
24,
"Q",
435,
24,
453,
43,
"Q",
472,
61,
472,
88,
"L",
472,
136,
"Q",
472,
143,
467,
147,
"Q",
463,
152,
456,
152,
"L",
408,
152,
"Q",
381,
152,
363,
133,
"Q",
344,
115,
344,
88,
"L",
344,
40,
"Q",
344,
33,
349,
29,
"Q",
353,
24,
360,
24,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
360,
-8,
"L",
408,
-8,
"Q",
448,
-8,
476,
20,
"Q",
504,
48,
504,
88,
"L",
504,
136,
"Q",
504,
156,
490,
170,
"Q",
476,
184,
456,
184,
"L",
408,
184,
"Q",
368,
184,
340,
156,
"Q",
312,
128,
312,
88,
"L",
312,
40,
"Q",
312,
20,
326,
6,
"Q",
340,
-8,
360,
-8,
"Z"
],
"fillColor": "rgba(128, 128, 128, 0)"
},
{
"path": [
"M",
344,
24,
"L",
472,
24,
"L",
472,
152,
"L",
344,
152,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
344,
24,
"L",
472,
24,
"L",
472,
152,
"L",
344,
152,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
344,
24,
"L",
472,
24,
"L",
472,
152,
"L",
344,
152,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
328,
8,
"L",
488,
8,
"L",
488,
168,
"L",
328,
168,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "insetComplexRound",
"className": ".float.insetComplexRound",
"nodeWidth": "128",
"nodeHeight": "128",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutNGBlockFlow",
"showAccessibilityInfo": true
}
}
ellipse{
"paths": [
{
"path": [
"M",
568,
8,
"Q",
601,
8,
625,
24,
"Q",
648,
41,
648,
64,
"Q",
648,
87,
625,
104,
"Q",
601,
120,
568,
120,
"Q",
535,
120,
511,
104,
"Q",
488,
87,
488,
64,
"Q",
488,
41,
511,
24,
"Q",
535,
8,
568,
8,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
568,
-24,
"Q",
614,
-24,
647,
2,
"Q",
680,
28,
680,
64,
"Q",
680,
100,
647,
126,
"Q",
614,
152,
568,
152,
"Q",
522,
152,
489,
126,
"Q",
456,
100,
456,
64,
"Q",
456,
28,
489,
2,
"Q",
522,
-24,
568,
-24,
"Z"
],
"fillColor": "rgba(128, 128, 128, 0)"
},
{
"path": [
"M",
504,
24,
"L",
632,
24,
"L",
632,
104,
"L",
504,
104,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
504,
24,
"L",
632,
24,
"L",
632,
104,
"L",
504,
104,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
504,
24,
"L",
632,
24,
"L",
632,
104,
"L",
504,
104,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
488,
8,
"L",
648,
8,
"L",
648,
120,
"L",
488,
120,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "ellipse",
"className": ".float.ellipse",
"nodeWidth": "128",
"nodeHeight": "80",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutNGBlockFlow",
"showAccessibilityInfo": true
}
}
contentBox{
"paths": [
{
"path": [
"M",
568,
168,
"L",
600,
168,
"Q",
627,
168,
645,
187,
"Q",
664,
205,
664,
232,
"L",
664,
264,
"Q",
664,
277,
655,
287,
"Q",
645,
296,
632,
296,
"L",
568,
296,
"Q",
555,
296,
545,
287,
"Q",
536,
277,
536,
264,
"L",
536,
200,
"Q",
536,
187,
545,
177,
"Q",
555,
168,
568,
168,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
568,
136,
"L",
600,
136,
"Q",
640,
136,
668,
164,
"Q",
696,
192,
696,
232,
"L",
696,
264,
"Q",
696,
291,
677,
309,
"Q",
659,
328,
632,
328,
"L",
568,
328,
"Q",
541,
328,
523,
309,
"Q",
504,
291,
504,
264,
"L",
504,
200,
"Q",
504,
173,
523,
155,
"Q",
541,
136,
568,
136,
"Z"
],
"fillColor": "rgba(128, 128, 128, 0)"
},
{
"path": [
"M",
536,
168,
"L",
664,
168,
"L",
664,
296,
"L",
536,
296,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
504,
152,
"L",
680,
152,
"L",
680,
312,
"L",
504,
312,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
504,
152,
"L",
680,
152,
"L",
680,
312,
"L",
504,
312,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
488,
120,
"L",
696,
120,
"L",
696,
328,
"L",
488,
328,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "contentBox",
"className": ".float.contentBox",
"nodeWidth": "176",
"nodeHeight": "160",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutNGBlockFlow",
"showAccessibilityInfo": true
}
}
polygon{
"paths": [
{
"path": [
"M",
8,
328,
"L",
8,
528,
"L",
208,
328,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
24,
344,
"L",
152,
344,
"L",
152,
472,
"L",
24,
472,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
24,
344,
"L",
152,
344,
"L",
152,
472,
"L",
24,
472,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
24,
344,
"L",
152,
344,
"L",
152,
472,
"L",
24,
472,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
8,
328,
"L",
168,
328,
"L",
168,
488,
"L",
8,
488,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "polygon",
"className": ".float.polygon",
"nodeWidth": "128",
"nodeHeight": "128",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutNGBlockFlow",
"showAccessibilityInfo": true
}
}
raster{
"paths": [
{
"path": [
"M",
184,
344,
"L",
284,
344,
"L",
284,
444,
"L",
184,
444,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
157,
328,
"L",
311,
328,
"L",
311,
329,
"L",
157,
329,
"Z",
"M",
156,
329,
"L",
312,
329,
"L",
312,
331,
"L",
156,
331,
"Z",
"M",
155,
331,
"L",
313,
331,
"L",
313,
333,
"L",
155,
333,
"Z",
"M",
154,
333,
"L",
314,
333,
"L",
314,
337,
"L",
154,
337,
"Z",
"M",
153,
337,
"L",
315,
337,
"L",
315,
344,
"L",
153,
344,
"Z",
"M",
152,
344,
"L",
316,
344,
"L",
316,
444,
"L",
152,
444,
"Z",
"M",
153,
444,
"L",
315,
444,
"L",
315,
451,
"L",
153,
451,
"Z",
"M",
154,
451,
"L",
314,
451,
"L",
314,
455,
"L",
154,
455,
"Z",
"M",
155,
455,
"L",
313,
455,
"L",
313,
457,
"L",
155,
457,
"Z",
"M",
156,
457,
"L",
312,
457,
"L",
312,
459,
"L",
156,
459,
"Z",
"M",
157,
459,
"L",
311,
459,
"L",
311,
461,
"L",
157,
461,
"Z",
"M",
158,
461,
"L",
310,
461,
"L",
310,
462,
"L",
158,
462,
"Z",
"M",
159,
462,
"L",
309,
462,
"L",
309,
463,
"L",
159,
463,
"Z",
"M",
160,
463,
"L",
308,
463,
"L",
308,
465,
"L",
160,
465,
"Z",
"M",
161,
465,
"L",
307,
465,
"L",
307,
466,
"L",
161,
466,
"Z",
"M",
162,
466,
"L",
306,
466,
"L",
306,
467,
"L",
162,
467,
"Z",
"M",
163,
467,
"L",
305,
467,
"L",
305,
468,
"L",
163,
468,
"Z",
"M",
165,
468,
"L",
303,
468,
"L",
303,
469,
"L",
165,
469,
"Z",
"M",
166,
469,
"L",
302,
469,
"L",
302,
470,
"L",
166,
470,
"Z",
"M",
167,
470,
"L",
301,
470,
"L",
301,
471,
"L",
167,
471,
"Z",
"M",
169,
471,
"L",
299,
471,
"L",
299,
472,
"L",
169,
472,
"Z",
"M",
171,
472,
"L",
297,
472,
"L",
297,
473,
"L",
171,
473,
"Z",
"M",
173,
473,
"L",
295,
473,
"L",
295,
474,
"L",
173,
474,
"Z",
"M",
177,
474,
"L",
291,
474,
"L",
291,
475,
"L",
177,
475,
"Z",
"M",
184,
475,
"L",
284,
475,
"L",
284,
476,
"L",
184,
476,
"Z"
],
"fillColor": "rgba(128, 128, 128, 0)"
},
{
"path": [
"M",
184,
344,
"L",
312,
344,
"L",
312,
472,
"L",
184,
472,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
184,
344,
"L",
312,
344,
"L",
312,
472,
"L",
184,
472,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
184,
344,
"L",
312,
344,
"L",
312,
472,
"L",
184,
472,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
168,
328,
"L",
328,
328,
"L",
328,
488,
"L",
168,
488,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "raster",
"className": ".float.raster",
"nodeWidth": "128",
"nodeHeight": "128",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutNGBlockFlow",
"showAccessibilityInfo": true
}
}