Dantes (обсуждение | вклад) Нет описания правки |
Dantes (обсуждение | вклад) Нет описания правки |
||
| Строка 26: | Строка 26: | ||
display: flex; | display: flex; | ||
gap: 12px; | gap: 12px; | ||
align-items: center; | |||
align-items: | |||
} | } | ||
| Строка 40: | Строка 39: | ||
align-items: center; | align-items: center; | ||
font-weight: bold; | font-weight: bold; | ||
margin-top: | justify-content: center; | ||
min-width: 80px; | |||
} | |||
.chem-effects { | |||
margin-top: 6px; | |||
padding-left: 16px; | |||
color: #ccc; | |||
font-size: 14px; | |||
} | } | ||
.chem-desc { | .chem-desc { | ||
margin-top: | margin-top: 4px; | ||
font-size: 14px; | font-size: 14px; | ||
color: # | color: #aaa; | ||
} | } | ||
Версия от 12:37, 18 октября 2025
.chem-cards-container {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: flex-start;
}
.chem-card {
flex: 1 1 calc(33.33% - 12px);
background-color: var(--card-bg, #111);
border: 2px solid var(--card-border, #555);
border-radius: 8px;
padding: 8px;
color: #eee;
box-sizing: border-box;
min-width: 180px;
}
.chem-card h3 {
margin: 0 0 4px 0;
color: var(--card-accent, #8cf);
font-size: 16px;
}
.chem-recipe {
display: flex;
gap: 12px;
align-items: center;
}
.recipe-inputs, .recipe-outputs {
display: flex;
flex-direction: column;
gap: 2px;
}
.recipe-action {
display: flex;
align-items: center;
font-weight: bold;
justify-content: center;
min-width: 80px;
}
.chem-effects {
margin-top: 6px;
padding-left: 16px;
color: #ccc;
font-size: 14px;
}
.chem-desc {
margin-top: 4px;
font-size: 14px;
color: #aaa;
}