Template:Item recipe/styles.css
From Space Station 14 Wiki
/* item recipe */
.item-recipe {
display: flex;
gap: .2rem;
align-items: center;
border: 1px solid var(--border-color);
width: fit-content;
padding: .25rem;
margin: .25rem 0;
}
.item-recipe.item-recipe-vertical {
flex-direction: column;
}
.item-recipe.item-recipe-horizontal {
flex-direction: row;
}
.item-recipe.materials-only {
border: none;
}
/* item recipe → supplementary text */
.item-recipe .recipe-supplementary-text {
color: gray;
}
/* item recipe → materials */
.item-recipe .item-recipe-materials {
display: flex;
}
.item-recipe.item-recipe-vertical .item-recipe-materials {
flex-direction: row;
}
.item-recipe.item-recipe-horizontal .item-recipe-materials {
flex-direction: column;
}