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

From Eco - English Wiki
[unchecked revision][unchecked revision]
WugWugg (talk | contribs)
mNo edit summary
WugWugg (talk | contribs)
mNo edit summary
Line 1: Line 1:
.recipe-item-icon {
.recipe-item-icon {
  position: relative;
position: relative;
  width: 64px;
width: 64px;
  height: 64px;
height: 64px;
}
}


.recipe-item-icon pre {
.recipe-item-icon__img-continer {
padding: 0;
display: block;
margin: 0;
}
}


.recipe-item-icon__count {
.recipe-item-icon__count {
  position: absolute;
position: absolute;
  bottom: 0;
bottom: 4px;
  right: 0;
right: 4px;
  font-weight: bold;
line-height: 1;
  /* TODO: fancy background shading or letters?*/
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,0.85);
font-weight: bold;
}
}

Revision as of 13:11, 19 February 2026

.recipe-item-icon {
	position: relative;
	width: 64px;
	height: 64px;
}

.recipe-item-icon__img-continer {
	display: block;
}

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