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 background: var(--drill-down-overlay-background-color); 24 color: var(--drill-down-overlay-color); 25 text-align: left; 26 border-radius: 1px; 27 padding: 0 2px; 28} 29 30.dmn-definitions { 31 position: absolute; 32 top: 20px; 33 left: 20px; 34 background-color: var(--dmn-definitions-background-color); 35 border: solid 1px var(--dmn-definitions-border-color); 36 border-radius: 2px; 37 padding: 4px; 38} 39 40.dmn-definitions .dmn-definitions-name { 41 font-size: 24px; 42 padding: 3px; 43} 44 45.dmn-definitions .dmn-definitions-name:focus { 46 outline: none; 47} 48 49.dmn-definitions .dmn-definitions-id { 50 font-family: var(--drd-font-family-monospace); 51 margin-top: 2px; 52 padding: 3px; 53} 54 55.dmn-definitions .dmn-definitions-id:focus { 56 outline: none; 57} 58 59.dmn-definitions > [contenteditable]:hover, 60.dmn-definitions > [contenteditable]:focus { 61 padding: 2px; 62 background-color: var(--color-white); 63 border-radius: 2px; 64 border: 1px solid var(--dmn-definitions-focus-border-color); 65} 66 67.dmn-definitions .dmn-definitions-error-message { 68 color: var(--dmn-definitions-error-color); 69 display: block; 70 font-size: 12px; 71 margin-top: 6px; 72} 73 74.dmn-definitions .dmn-definitions-id.dmn-definitions-error { 75 border-color: var(--dmn-definitions-error-border-color); 76 background-color: var(--dmn-definitions-error-background-color); 77} 78 79.djs-container.with-palette .dmn-definitions { 80 left: 80px; 81} 82 83.djs-container.with-palette-two-column .dmn-definitions { 84 left: 130px; 85} 86