1.dmn-drd-container { 2 --dmn-definitions-background-color: var(--color-grey-225-10-97); 3 --dmn-definitions-border-color: var(--color-grey-225-10-75); 4 --dmn-definitions-focus-border-color: var(--color-grey-225-10-75); 5 --dmn-definitions-error-color: var(--color-red-360-100-45); 6 --dmn-definitions-error-border-color: var(--color-red-360-100-45); 7 --dmn-definitions-error-background-color: var(--color-red-360-100-97); 8 --drill-down-overlay-background-color: var(--color-blue-205-100-50); 9 --drill-down-overlay-color: var(--color-white); 10 --drd-font-family-monospace: monospace; 11 12 width: 100%; 13 height: 100%; 14 position: relative; 15} 16 17.dmn-drd-container * { 18 box-sizing: border-box; 19} 20 21.djs-overlay .drill-down-overlay { 22 font-size: 16px; 23 text-align: left; 24 padding: 1px; 25} 26 27.djs-overlay .drill-down-overlay > button, 28.djs-overlay .drill-down-overlay > span { 29 display: block; 30 padding: 2px 4px; 31 margin: 0; 32 border: none; 33 border-radius: 1px; 34 background: var(--drill-down-overlay-background-color); 35 color: var(--drill-down-overlay-color); 36 font-size: inherit; 37 outline-offset: 2px; 38} 39 40.dmn-definitions { 41 position: absolute; 42 top: 20px; 43 left: 20px; 44 background-color: var(--dmn-definitions-background-color); 45 border: solid 1px var(--dmn-definitions-border-color); 46 border-radius: 2px; 47 padding: 4px; 48} 49 50.dmn-definitions .dmn-definitions-name { 51 font-size: 24px; 52 padding: 3px; 53} 54 55.dmn-definitions .dmn-definitions-name:focus { 56 outline: none; 57} 58 59.dmn-definitions .dmn-definitions-id { 60 font-family: var(--drd-font-family-monospace); 61 margin-top: 2px; 62 padding: 3px; 63} 64 65.dmn-definitions .dmn-definitions-id:focus { 66 outline: none; 67} 68 69.dmn-definitions > [contenteditable]:hover, 70.dmn-definitions > [contenteditable]:focus { 71 padding: 2px; 72 background-color: var(--color-white); 73 border-radius: 2px; 74 border: 1px solid var(--dmn-definitions-focus-border-color); 75} 76 77.dmn-definitions .dmn-definitions-error-message { 78 color: var(--dmn-definitions-error-color); 79 display: block; 80 font-size: 12px; 81 margin-top: 6px; 82} 83 84.dmn-definitions .dmn-definitions-id.dmn-definitions-error { 85 border-color: var(--dmn-definitions-error-border-color); 86 background-color: var(--dmn-definitions-error-background-color); 87} 88 89.djs-container.with-palette .dmn-definitions { 90 left: 80px; 91} 92 93.djs-container.with-palette-two-column .dmn-definitions { 94 left: 130px; 95} 96