Template:Demo RecipeItemIcon/styles.css: Difference between revisions

.recipe-item-icon {
	position: relative;
	width: fit-content;
	height: fit-content;
	background-color: yellow;
	border: clamp(2px, 0.1em, 8px) solid yellow;
	border-radius: clamp(1px, 0.1em, 4px);
}

.recipe-item-icon__img-container {
	width: 1em;
	height: 1em;
}

.recipe-item-icon__img-container img {
	display: block;
}

.recipe-item-icon__count {
	position: absolute;
	bottom: clamp(4px, 0.1em, 16px);
	right: clamp(4px, 0.1em, 16px);
	line-height: 1;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,0.85);
	font-weight: bold;
	font-size: 0.25em;
}