Experimental CSS for T167127
No One
Actions

Authored By

	Lucas_Werkmeister_WMDE
	May 28 2018, 4:54 PM

Size

906 B

Referenced Files

None

Subscribers

None

Experimental CSS for T167127
View Options

	.wbqc-role {
	/* variables */
	--cos30: 0.866; /* cos(30°) = √3/2 ≈ 0.886, the height of an equilateral triangle with base 1 */
	--border-width: 2px;
	--border-style: solid;
	}

	.wbqc-role-subject,
	.wbqc-role-predicate,
	.wbqc-role-object {
	border-width: var(--border-width);
	border-top-style: var(--border-style);
	border-bottom-style: var(--border-style);
	}

	.wbqc-role-subject::after,
	.wbqc-role-predicate::before,
	.wbqc-role-predicate::after,
	.wbqc-role-object::before {
	content: "";
	display: inline-block;
	width: calc(var(--cos30) * 1em);
	height: calc(var(--cos30) * 1em);
	transform: rotate(45deg);
	vertical-align: middle;
	border-width: var(--border-width);
	border-top-style: var(--border-style);
	border-right-style: var(--border-style);
	}

	.wbqc-role-subject {
	border-left-style: var(--border-style);
	}

	.wbqc-role-object {
	border-right-style: var(--border-style);
	}