META-INF.resources.designer.css.definition-builder._nodes.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of com.liferay.portal.workflow.kaleo.designer.web Show documentation

Liferay Portal Workflow Kaleo Designer Web

The newest version!

@import 'atlas-variables';
.base-node {
	position: relative;
}
.node {
	align-items: center;
	background: #fff;
	border: 1px $light-l1 solid;
	border-radius: 8px;
	display: flex;
	height: 74px;
	left: 18px;
	padding: 18px 16px;
	top: 18px;
	width: 254px;

	.node-description {
		size: 12px;
	}

	.node-icon {
		align-items: center;
		background: #f7f8f9;
		border-radius: 4px;
		display: flex;
		height: 32px;
		justify-content: center;
		width: 32px;

		svg {
			height: 16px;
			width: 16px;
		}
	}

	.node-info {
		display: inline-grid;
		max-width: 167px;
	}

	.node-label {
		font-weight: 600;
		size: 14px;
	}

	&.end-node,
	&.start-node {
		.node-icon svg {
			fill: #4b9bff;
		}
	}

	&.condition-node,
	&.fork-node,
	&.state-node {
		.node-icon svg {
			fill: #ffb46e;
		}
	}

	&.join-node,
	&.join-xor-node {
		.node-icon svg {
			fill: #7785ff;
		}
	}

	&.task-node {
		.node-icon svg {
			fill: #50d2a0;
		}
	}
}

.node-border-area {
	border-radius: 4px;
	height: 110px;
	opacity: 0.5;
	width: 290px;

	&.blue {
		background: #f0f5ff;
		border: 2px solid #0b5fff;
	}

	&.red {
		background: #f48989;
		border: 2px solid #da1414;
	}
}

.node.selected {
	border: 2px solid #80acff;
}

.node-handle-area {
	height: 110px;
	left: -18px;
	position: absolute;
	top: -18px;
	width: 290px;
	z-index: -1;

	.handles {
		height: 110px;
		opacity: 0;
		position: absolute;
		width: 290px;
		z-index: -2;

		&-default {
			z-index: -1;
		}
	}
}