更多操作
（创建页面，内容为“.tips { display: flex; align-items: center; padding: 10px 15px; margin-top: 0.6rem; margin-bottom: 0.8rem; background: var( --color-surface-2 ); border-radius: var( --border-radius--medium ); color: var( --color-base--subtle ); font-size: 0.875rem; line-height: 1.4; } .tips-icon img { height: auto; opacity: var( --opacity-icon-base ); } →Dark theme： html.skin-citizen-dark .tips-icon img { filter: invert( 1 ); } <templatedata> { "params": {},…”） |
无编辑摘要 |
||
| 第1行： | 第1行： | ||
.tips { | <div class="home-card"> | ||
<div class="home-card__label">Label Text</div> | |||
<h3 class="home-card__header"><a href="#">Header Text</a></h3> | |||
<p>Some paragraph text.</p> | |||
<!-- Add other elements as needed --> | |||
.tips { | |||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
| 第21行： | 第26行： | ||
filter: invert( 1 ); | filter: invert( 1 ); | ||
} | } | ||
2024年7月21日 (日) 13:49的最新版本
Label Text
<a href="#">Header Text</a>
Some paragraph text.
.tips {
display: flex; align-items: center; padding: 10px 15px; margin-top: 0.6rem; margin-bottom: 0.8rem; background: var( --color-surface-2 ); border-radius: var( --border-radius--medium ); color: var( --color-base--subtle ); font-size: 0.875rem; line-height: 1.4; }
.tips-icon img { height: auto; opacity: var( --opacity-icon-base ); }
/* Dark theme */ html.skin-citizen-dark .tips-icon img { filter: invert( 1 ); }