$blue-color : #129D99; $blue-color-light: #5cf7f2; .field-container-active{ border-radius: .3em; border-left: 0.3em solid $blue-color; } .fieldset-actions-list li{ cursor: pointer; } //cdkDrag .cdk-drag-preview { box-sizing: border-box; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .cdk-drag-placeholder { opacity: 0; // background-color: black; } .cdk-drag-animating { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .example-box:last-child { border: none; } .drop-list.cdk-drop-list-dragging { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .actions-list{ // border: 1px solid $blue-color; // box-shadow: 0px 3px 12px #129D9999; border-radius: 4px; // padding-top: 1rem; padding: 1em 0.9em; padding-bottom: 3em; min-width: 166px; .mat-list-item-content{ padding: 0px; } .action-list-item{ display: flex; align-items: center; cursor: pointer; .action-list-icon{ font-size: 1.2em; // padding-right: 1em; width: 14px; margin-right: 0.5em; margin-left: -.09em; height: auto; color: #129D99;; } .input_icon{ width: 14px; margin-right: .5em; } .action-list-text{ font-size: 0.9em; } } .action-list-label{ color: #212121; font-size: small; opacity: 0.6; } .list-unstyled{ margin-bottom: 0.2rem; } }