[data-dev-title] {
    border: 3px dashed red;
	&:before {
		content: attr(data-dev-title);
		// position: absolute;
		// left:0;
		font-family: monospace;
		font-size: 1.5em;
		background-color: red;
		opacity: 0.7;
		padding: 1rem;
		color: white;
		//display: none;
	}
}

[askella-data-dev-title-parts] {
	border: 3px dashed green;
	&:before {
		content: attr(askella-data-dev-title-parts);
		position: absolute;
		
		// right: 50%;
		font-family: monospace;
		font-size: 1.5em;
		background-color: green;
		opacity: 0.7;
		padding: 1rem;
		color: white;
		//display: none;
	}
} 

.widget{
	border: 3px dashed green;
	&:before {
		content: 'Widget';
		font-family: monospace;
		font-size: 1.5em;
		background-color: green;
		opacity: 0.7;
		padding: 1rem;
		color: white;
		position: absolute;
		//display: none;
	}
}