Template:Info/styles.css:修订间差异
模板页面
更多操作
| 第1行: | 第1行: | ||
.info-stack-container { | .info-stack-container { | ||
border: 1px solid # | max-width: 100%; | ||
border-left: 4px solid | /* 默认边框和背景,可通过内联 style 变量覆盖 */ | ||
background-color: #fff; | border: 1px solid var(--color-surface-border, #a2a9b1); | ||
margin: | border-left-width: 4px; | ||
border-left-style: solid; | |||
background-color: var(--color-surface-0, #fff); | |||
border-radius: 0; | |||
margin: 8px 0; | |||
box-sizing: border-box; | box-sizing: border-box; | ||
display: flex; | |||
flex-direction: column; | |||
} | } | ||
/* | /* 保留 Info 原有的相邻吸附逻辑 */ | ||
.info-stack-container + .info-stack-container { | .info-stack-container + .info-stack-container { | ||
margin-top: -1px; | margin-top: -9px; | ||
} | |||
.info-stack-header { | |||
letter-spacing: 0.03em; | |||
text-transform: uppercase; | |||
border-bottom: 1px solid var(--color-surface-border, #a2a9b1); | |||
} | } | ||
.info- | .info-stack-body { | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; /* 图标与文本默认垂直居中 */ | ||
} | } | ||
.info-icon { | .info-stack-icon { | ||
margin-right: 12px; | margin-right: 12px; | ||
flex-shrink: 0; | flex-shrink: 0; | ||
| 第24行: | 第35行: | ||
} | } | ||
.info- | .info-stack-content { | ||
flex: 1; | flex: 1; | ||
min-width: 0; | min-width: 0; /* 防止长连续文本撑破 Flex 容器 */ | ||
} | } | ||
2026年5月25日 (一) 08:02的版本
.info-stack-container {
max-width: 100%;
/* 默认边框和背景,可通过内联 style 变量覆盖 */
border: 1px solid var(--color-surface-border, #a2a9b1);
border-left-width: 4px;
border-left-style: solid;
background-color: var(--color-surface-0, #fff);
border-radius: 0;
margin: 8px 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
/* 保留 Info 原有的相邻吸附逻辑 */
.info-stack-container + .info-stack-container {
margin-top: -9px;
}
.info-stack-header {
letter-spacing: 0.03em;
text-transform: uppercase;
border-bottom: 1px solid var(--color-surface-border, #a2a9b1);
}
.info-stack-body {
display: flex;
align-items: center; /* 图标与文本默认垂直居中 */
}
.info-stack-icon {
margin-right: 12px;
flex-shrink: 0;
line-height: 0;
}
.info-stack-content {
flex: 1;
min-width: 0; /* 防止长连续文本撑破 Flex 容器 */
}