模块:Outdent/styles.css：修订间差异
来自RIA | Wiki
更多操作
创建页面，内容为“→Template:Outdent 模板样式： .outdent { display: flex; max-width: 100%; width: 100%; →通过模板参数设置： margin: 1em 0; height: 1px; background-color: #a2a9b1; } .outdent::before { align-self: flex-start; display: block; height: 0.5em; border-left: 1px solid #a2a9b1; content: ""; } .outdent::after { align-self: flex-end; display: block; height: 0.5em; border-right: 1px solid #a2a9b1; content: ""; } .outdent-l…” |
bugfix |
||
| 第1行： | 第1行： | ||
/* Template:Outdent 模板样式 */ | /* Template:Outdent 模板样式 */ | ||
.outdent { | .template-outdent { | ||
display: flex; | display: flex; | ||
max-width: 100%; | max-width: 100%; | ||
| 第10行： | 第10行： | ||
} | } | ||
.outdent::before { | .template-outdent::before { | ||
align-self: flex-start; | align-self: flex-start; | ||
display: block; | display: block; | ||
| 第17行： | 第17行： | ||
content: ""; | content: ""; | ||
} | } | ||
.outdent::after { | .template-outdent::after { | ||
align-self: flex-end; | align-self: flex-end; | ||
display: block; | display: block; | ||
| 第25行： | 第25行： | ||
} | } | ||
.outdent-line { | .template-outdent-line { | ||
width: 100%; | width: 100%; | ||
} | } | ||
/* 反转了 */ | /* 反转了 */ | ||
.reversed.outdent::before { | .reversed.template-outdent::before { | ||
align-self: flex-end; | align-self: flex-end; | ||
} | } | ||
.reversed.outdent::after { | .reversed.template-outdent::after { | ||
align-self: flex-start; | align-self: flex-start; | ||
} | } | ||
2023年8月7日 (一) 22:38的版本
/* Template:Outdent 模板样式 */
.template-outdent {
display: flex;
max-width: 100%;
width: 100%; /* 通过模板参数设置 */
margin: 1em 0;
height: 1px;
background-color: #a2a9b1;
}
.template-outdent::before {
align-self: flex-start;
display: block;
height: 0.5em;
border-left: 1px solid #a2a9b1;
content: "";
}
.template-outdent::after {
align-self: flex-end;
display: block;
height: 0.5em;
border-right: 1px solid #a2a9b1;
content: "";
}
.template-outdent-line {
width: 100%;
}
/* 反转了 */
.reversed.template-outdent::before {
align-self: flex-end;
}
.reversed.template-outdent::after {
align-self: flex-start;
}