MediaWiki:Recipe.css - Revision history

Salty Nori at 11:19, 30 January 2024

2024-01-30T11:19:31Z

← Older revision		Revision as of 11:19, 30 January 2024
Line 5:		Line 5:
	position: relative;		position: relative;
	gap: 8px;		gap: 8px;
			margin-bottom: 0.8em;
	}		}
	.ci-recipe-wrapper-second {		.ci-recipe-wrapper-second {

Salty Nori at 11:15, 30 January 2024

2024-01-30T11:15:19Z

← Older revision		Revision as of 11:15, 30 January 2024
Line 29:		Line 29:
	/* Method of crafting or cooking */		/* Method of crafting or cooking */
	.ci-recipe-medium {		.ci-recipe-medium {
			background-color: var(--gray-050);
	border: 1px solid var(--brown-300);		border: 1px solid var(--brown-300);
	border-radius: 6px;		border-radius: 6px;

Salty Nori at 11:14, 30 January 2024

2024-01-30T11:14:31Z

← Older revision		Revision as of 11:14, 30 January 2024
Line 17:		Line 17:
	/* List of ingredients */		/* List of ingredients */
	.ci-recipe-ingredient {		.ci-recipe-ingredient {
	border: 1px solid var(--brown-~~300~~);		border: 1px solid var(--brown-200);
	border-radius: ~~3px~~;		border-radius: 8px;
	padding: ~~5px~~;		padding: 12px;
	min-height: 100%;		min-height: 100%;
			background-color: var(--gray-050);
			min-width: 136px;
			max-width: 274px;
			width: fit-content;
	}		}

Line 26:		Line 30:
	.ci-recipe-medium {		.ci-recipe-medium {
	border: 1px solid var(--brown-300);		border: 1px solid var(--brown-300);
	border-radius: ~~5px~~;		border-radius: 6px;
	position: relative;		position: relative;
	text-align: center;		text-align: center;
	font-weight: 500;		font-weight: 500;
	~~width: 100%~~;
	padding: 8px;		padding: 8px;
	max-width: 100px;		max-width: 100px;
	overflow-wrap: break-word;		overflow-wrap: break-word;
	hyphens: auto;		hyphens: auto;
			width: 96px;
			height: 70px;
	}		}
	.ci-recipe-timed {		.ci-recipe-timed {
Line 43:		Line 48:
	background-color: var(--brown-300);		background-color: var(--brown-300);
	border-radius: 3px;		border-radius: 3px;
	width: ~~5px~~;		width: 4px;
	height: ~~5px~~;		height: 4px;
	content: "";		content: "";
	position: absolute;		position: absolute;
	top: 50%;		top: 50%;
	left: -~~7px~~;		left: -8px;
	}		}
	.ci-recipe-medium::before {		.ci-recipe-medium::before {
Line 54:		Line 59:
	background-color: var(--brown-300);		background-color: var(--brown-300);
	border-radius: 3px;		border-radius: 3px;
	width: ~~5px~~;		width: 4px;
	height: ~~5px~~;		height: 4px;
	content: "";		content: "";
	position: absolute;		position: absolute;
	bottom: -~~7px~~;		bottom: -8px;
	right: 50%;		right: 50%;
	}		}
Line 64:		Line 69:
	/* Final product */		/* Final product */
	.ci-recipe-yield {		.ci-recipe-yield {
			background-color: var(--gray-050);
	border: 1px solid var(--brown-200);		border: 1px solid var(--brown-200);
	border-radius: 6px;		border-radius: 6px;
	padding: 8px;		padding: 8px;
	position: relative;		position: relative;
	width: ~~100%~~;		width: 96px;
	text-align: center;		text-align: center;
	}		}
	.ci-recipe-yield-amount {		.ci-recipe-yield-amount {
	background: var(--~~gray~~-~~050~~);		background: var(--brown-300);
	width: fit-content;		width: fit-content;
	border-radius: 6px;		border-radius: 6px;
	padding: 0 ~~5px~~;		padding: 0 8px;
	position: absolute;		position: absolute;
	bottom: 0;		bottom: 0;
	right: 0;		right: 0;
	}		}

Salty Nori: Created page with "/* Containers for general layout / .ci-recipe-wrapper { display: flex; width: fit-content; position: relative; gap: 8px; } .ci-recipe-wrapper-second { display: flex; flex-direction: column; align-items: center; width: fit-content; position: relative; gap: 8px; } / List of ingredients / .ci-recipe-ingredient { border: 1px solid var(--brown-300); border-radius: 3px; padding: 5px; min-height: 100%; } / Method of..."

2024-01-30T11:06:53Z

Created page with "Containers for general layout: .ci-recipe-wrapper { display: flex; width: fit-content; position: relative; gap: 8px; } .ci-recipe-wrapper-second { display: flex; flex-direction: column; align-items: center; width: fit-content; position: relative; gap: 8px; } List of ingredients: .ci-recipe-ingredient { border: 1px solid var(--brown-300); border-radius: 3px; padding: 5px; min-height: 100%; } /* Method of..."

New page

/* Containers for general layout */
.ci-recipe-wrapper {
display: flex;
width: fit-content;
position: relative;
gap: 8px;
}
.ci-recipe-wrapper-second {
display: flex;
flex-direction: column;
align-items: center;
width: fit-content;
position: relative;
gap: 8px;
}

/* List of ingredients */
.ci-recipe-ingredient {
border: 1px solid var(--brown-300);
border-radius: 3px;
padding: 5px;
min-height: 100%;
}

/* Method of crafting or cooking */
.ci-recipe-medium {
border: 1px solid var(--brown-300);
border-radius: 5px;
position: relative;
text-align: center;
font-weight: 500;
width: 100%;
padding: 8px;
max-width: 100px;
overflow-wrap: break-word;
hyphens: auto;
}
.ci-recipe-timed {
padding-bottom: 25px;
}
.ci-recipe-medium::after {
border: 1px solid var(--brown-300);
background-color: var(--brown-300);
border-radius: 3px;
width: 5px;
height: 5px;
content: "";
position: absolute;
top: 50%;
left: -7px;
}
.ci-recipe-medium::before {
border: 1px solid var(--brown-300);
background-color: var(--brown-300);
border-radius: 3px;
width: 5px;
height: 5px;
content: "";
position: absolute;
bottom: -7px;
right: 50%;
}

/* Final product */
.ci-recipe-yield {
border: 1px solid var(--brown-200);
border-radius: 6px;
padding: 8px;
position: relative;
width: 100%;
text-align: center;
}
.ci-recipe-yield-amount {
background: var(--gray-050);
width: fit-content;
border-radius: 6px;
padding: 0 5px;
position: absolute;
bottom: 0;
right: 0;
}