模板:RecipeUsage/styles.css:修订间差异
来自星砂岛百科
更多操作
优化配方展示文案与机器页表现 |
优化 RecipeUsage 机器展示结构与样式 |
||
| 第8行: | 第8行: | ||
.recipe-usage-section-title, | .recipe-usage-section-title, | ||
.recipe-usage-subtitle { | .recipe-usage-subtitle { | ||
color: var(--color-emphasized, #101418); | color: var(--color-emphasized, #101418); | ||
| 第20行: | 第19行: | ||
} | } | ||
.recipe-usage-subtitle { | .recipe-usage-subtitle { | ||
margin: var(--space-sm, 10px) 0 var(--space-2xs, 6px); | margin: var(--space-sm, 10px) 0 var(--space-2xs, 6px); | ||
| 第33行: | 第31行: | ||
border-radius: var(--border-radius-base, 8px); | border-radius: var(--border-radius-base, 8px); | ||
background: var(--color-surface-1, #f8f9fa); | background: var(--color-surface-1, #f8f9fa); | ||
} | |||
.recipe-usage-machine-label { | |||
display: flex; | |||
align-items: center; | |||
} | |||
.recipe-usage-machine-chip { | |||
margin: 0; | |||
} | |||
.recipe-usage-machine-chip .item-text { | |||
white-space: normal; | |||
} | } | ||
2026年4月2日 (四) 17:08的最新版本
.recipe-usage {
margin: var(--space-sm, 10px) 0;
}
.recipe-usage-section + .recipe-usage-section {
margin-top: var(--space-lg, 18px);
}
.recipe-usage-section-title,
.recipe-usage-subtitle {
color: var(--color-emphasized, #101418);
line-height: 1.5;
}
.recipe-usage-section-title {
margin: var(--space-sm, 10px) 0 var(--space-xs, 8px);
font-size: var(--font-size-medium, 1rem);
font-weight: var(--font-weight-semi-bold, 600);
}
.recipe-usage-subtitle {
margin: var(--space-sm, 10px) 0 var(--space-2xs, 6px);
font-size: var(--font-size-small, 0.875rem);
font-weight: var(--font-weight-semi-bold, 600);
}
.recipe-usage-machine {
margin-top: var(--space-sm, 10px);
padding: var(--space-2xs, 6px) var(--space-sm, 10px);
border-inline-start: 3px solid var(--border-color-interactive, #36c);
border-radius: var(--border-radius-base, 8px);
background: var(--color-surface-1, #f8f9fa);
}
.recipe-usage-machine-label {
display: flex;
align-items: center;
}
.recipe-usage-machine-chip {
margin: 0;
}
.recipe-usage-machine-chip .item-text {
white-space: normal;
}
.recipe-usage-table-wrap {
margin: var(--space-xs, 8px) 0 var(--space-md, 14px);
overflow-x: auto;
}
.recipe-usage-table-wrap .recipe-usage-table,
.recipe-usage-table-wrap .wikitable {
width: 100%;
margin: 0;
}
.recipe-usage-table {
background: var(--color-surface-0, #fff);
font-size: var(--font-size-small, 0.875rem);
}
.recipe-usage-table th,
.recipe-usage-table td {
vertical-align: top;
line-height: 1.6;
white-space: normal;
}
.recipe-usage-option-label {
margin-bottom: var(--space-2xs, 6px);
color: var(--color-subtle, #54595d);
font-size: var(--font-size-small, 0.875rem);
}
.recipe-usage-option-list {
margin: 0;
padding-inline-start: 1.25rem;
}
.recipe-usage-option-list li + li {
margin-top: var(--space-2xs, 6px);
}
.recipe-usage-count-list {
margin: 0;
padding-inline-start: 1.25rem;
}
.recipe-usage-count-list li + li {
margin-top: var(--space-3xs, 4px);
}