body { font-family: sans-serif; } .astItem.hasBlockScope { background: linear-gradient(#e7e1d3, transparent 64px); } .astItem.hasFunctionScope { background: linear-gradient(#ddd3e7, transparent 64px); } .astItem .arrow, .astItem .type { cursor: default; user-select: none; -webkit-user-select: none; -mozilla-user-select: none; } .astItem .type { font-weight: bold; color: #2b1d82; } .astItem .type > .preview { font-weight: normal; margin-left: 8px; margin-right: 8px; color: #661402; } .astItem .scopeId { display: inline-block; font-weight: bold; font-size: 13px; margin-left: 5px; padding: 1px 4px; background-color: #d3e7dd; border: 1px solid #4ca175; border-radius: 5px; } .astItem .attributes, .astItem .children, .astItem .childSequences { margin-left: 20px; } .astItem .children .child > .name, .astItem .childSequences .child > .name { font-weight: bold; border-bottom: 1px solid; } .astItem .children .child .items, .astItem .childSequences .child .items { padding-left: 2px; border-left: 1px solid; } .astItem .childSequences > .child > .name { border-bottom-color: #450303; } .astItem .childSequences > .child > .name:after { margin-left: 5px; font-size: 14px; color: #450303; content: "(array)"; } .astItem .childSequences > .child > .items { border-left-color: #450303; } .astItem .children > .child > .name { border-bottom-color: #132890; } .astItem .children > .child > .items { border-left-color: #132890; } .astItem .attributes { font-size: 14px; } .astItem .attributes .attribute { display: inline-block; } .astItem .attributes .attribute:not(:last-child):after { content: ","; margin-right: 8px; } .astItem .attributes .attribute .name { font-weight: bold; margin-right: 5px; } .astItem .attributes .attribute .name:after { content: ":"; } .astItem .attributes .attribute .value { background-color: #f2f2f2; padding: 0px 3px; border: 1px solid silver; font-family: "monospace"; } .astItem .attributes .attribute .value .boolean { color: #3e0029; } .astItem .attributes .attribute .value .number { color: #441200; } .astItem .attributes .attribute .value .string { color: #132e00; } .astItem .attributes .attribute .value .string:before, .astItem .attributes .attribute .value .string:after { content: "\""; } .astItem .attributes .attribute .value .null { color: gray; }