53 lines
1.1 KiB
CSS
53 lines
1.1 KiB
CSS
:global(.react-flow__handle.source){
|
|
border-radius: 100%;
|
|
}
|
|
:global(.react-flow__handle.target){
|
|
border-radius: 15%;
|
|
}
|
|
|
|
|
|
|
|
:global(.react-flow__handle.connected) {
|
|
background: lightgray;
|
|
border-color: green;
|
|
filter: drop-shadow(0 0 0.15rem green);
|
|
}
|
|
|
|
:global(.singleConnectionHandle.connected) {
|
|
background: #55dd99;
|
|
}
|
|
|
|
:global(.react-flow__handle.unconnected){
|
|
background: lightgray;
|
|
border-color: gray;
|
|
}
|
|
|
|
:global(.singleConnectionHandle.unconnected){
|
|
background: lightsalmon;
|
|
border-color: #ff6060;
|
|
filter: drop-shadow(0 0 0.15rem #ff6060);
|
|
}
|
|
|
|
:global(.react-flow__handle.connectingto) {
|
|
background: #ff6060;
|
|
border-color: coral;
|
|
filter: drop-shadow(0 0 0.15rem coral);
|
|
}
|
|
|
|
:global(.react-flow__handle.valid) {
|
|
background: #55dd99;
|
|
border-color: green;
|
|
filter: drop-shadow(0 0 0.15rem green);
|
|
}
|
|
|
|
:global(.react-flow__handle) {
|
|
width: calc(8px / var(--flow-zoom, 1));
|
|
height: calc(8px / var(--flow-zoom, 1));
|
|
transition: width 0.1s ease, height 0.1s ease;
|
|
min-width: 8px;
|
|
min-height: 8px;
|
|
}
|
|
|
|
|
|
|