https://wiki.statsape.com/index.php?action=history&feed=atom&title=%E6%A8%A1%E6%9D%BF%3ANodeList%2Fstyles.css 2026-04-04T04:29:29Z 本wiki上该页面的版本历史 MediaWiki 1.39.6 https://wiki.statsape.com/index.php?title=%E6%A8%A1%E6%9D%BF:NodeList/styles.css&diff=1303&oldid=prev 2023-08-04T09:31:04Z

<p>创建页面，内容为“.template-components__section { position: relative; padding-top: var( --space-md ); padding-bottom: var( --space-md ); display: flex; flex-direction: column; gap: var( --space-sm ); } <span dir="auto"><span class="autocomment">TemplateStyles style tag can get in-between：​</span> .template-components__section + .template-components__section, .template-components__section + style + .template-components__section { border-top: 1px solid var( --border-color-base ); } .template-comp…”</span></p> <p><b>新页面</b></p><div>.template-components__section {<br /> position: relative;<br /> padding-top: var( --space-md );<br /> padding-bottom: var( --space-md );<br /> display: flex;<br /> flex-direction: column;<br /> gap: var( --space-sm );<br /> }<br /> <br /> /* TemplateStyles style tag can get in-between */<br /> .template-components__section + .template-components__section,<br /> .template-components__section + style + .template-components__section {<br /> border-top: 1px solid var( --border-color-base );<br /> }<br /> <br /> .template-components__label {<br /> align-self: flex-start;<br /> display: flex;<br /> align-items: center;<br /> color: var( --color-base--subtle );<br /> font-size: 0.875rem;<br /> letter-spacing: 0.75px;<br /> gap: var(--space-sm );<br /> line-height: 1.25;<br /> }<br /> <br /> .template-components__label &gt; img {<br /> height: 2rem;<br /> width: auto;<br /> position: absolute;<br /> top: 1rem;<br /> right: 0;<br /> opacity: .2;<br /> }<br /> <br /> .template-components__group {<br /> display: flex;<br /> gap: var( --space-sm );<br /> flex-wrap: wrap;<br /> flex-grow: 1;<br /> }<br /> <br /> .template-components__subgroup {<br /> display: flex;<br /> flex-direction: column;<br /> gap: var( --space-sm );<br /> flex-grow: 1;<br /> }<br /> <br /> .template-components__subgroup .template-component__connectorY {<br /> top: -0.5rem; /* calc( var( --space-sm ) * -1 ) */<br /> }<br /> <br /> .template-components__subgroup .template-component:last-of-type .template-component__connectorY {<br /> bottom: calc( 50% + 2px); /* calc( var( --connector-thickness ) + 2px ) */<br /> }</div>

Zeroclanzhang