Template:Reagent cards/styles.css: Difference between revisions

From Space Station 14 Wiki
Aliser (talk | contribs)
m Aliser moved page Template:Chem boxes/styles.css to Template:Reagent cards/styles.css without leaving a redirect: new naming convention
Aliser (talk | contribs)
switch from flex grow to flex basis
Line 1: Line 1:
.reagents-list {
.reagents-list {
--gap: 1rem;
box-sizing: border-box;
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--gap);
}
}


.reagents-list > .reagent-card {
.reagents-list > .reagent-card {
flex-grow: 1;
box-sizing: border-box;
margin: 0;
--flex-basis: calc(50% - var(--gap) / 2)
flex-basis: var(--flex-basis);
}
}

Revision as of 15:31, 26 May 2025

.reagents-list {
	--gap: 1rem;
	
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}

.reagents-list > .reagent-card {
	box-sizing: border-box;
	margin: 0;
	--flex-basis: calc(50% - var(--gap) / 2)
	flex-basis: var(--flex-basis);
}