zhao/heti
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Updates

Browse source
This commit is contained in:
Sivan 2020-02-12 19:11:09 +08:00
parent eca39cffe1
commit 0d1d5bb0ee
3 changed files with 12 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
favicon.svg
View file

@ -3,7 +3,7 @@
g { g {
fill: black; fill: black;
stroke: black; stroke: black;
stroke-width: 2px; stroke-width: 6px;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
g { g {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

Before After
Before After

12
index.css
View file

@ -1,6 +1,5 @@
/** /**
* Author: Sivan [sun.sivan@gmail.com] * Author: Sivan [sun.sivan@gmail.com]
* Date: 2020-01-22 00:00
*/ */
/** 测试用代码段 开始 **/ /** 测试用代码段 开始 **/
@ -46,6 +45,7 @@ a {
.article { .article {
margin-inline-start: auto; margin-inline-start: auto;
margin-inline-end: auto; margin-inline-end: auto;
padding-block-end: 24px;
outline: 1px solid transparent; outline: 1px solid transparent;
} }
@ -109,8 +109,8 @@ a {
/** 页脚样式 **/ /** 页脚样式 **/
.fn { .fn {
position: relative;
max-width: 42em; max-width: 42em;
margin-block-start: 24px;
margin-inline-start: auto; margin-inline-start: auto;
margin-inline-end: auto; margin-inline-end: auto;
padding-block-start: 4px; padding-block-start: 4px;
@ -134,8 +134,8 @@ a {
.panel { .panel {
position: fixed; position: fixed;
z-index: 2; z-index: 2;
right: 10px; right: 12px;
top: 10px; top: 12px;
display: flex; display: flex;
text-align: right; text-align: right;
} }
@ -144,7 +144,7 @@ a {
display: inline-flex; display: inline-flex;
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-inline-start: 10px; margin-inline-start: 12px;
list-style-type: none; list-style-type: none;
} }
@ -272,7 +272,7 @@ heti-jiya {
min-width: 720px; min-width: 720px;
max-width: 880px; max-width: 880px;
margin-block-start: 48px; margin-block-start: 48px;
margin-block-end: 48px; margin-block-end: 72px;
margin-inline-start: auto; margin-inline-start: auto;
margin-inline-end: auto; margin-inline-end: auto;
padding-block-start: 48px; padding-block-start: 48px;

7
index.html
View file

@ -38,6 +38,7 @@
<ol class="heti-list-latin"> <ol class="heti-list-latin">
<li><a href="#compatibility">兼容性</a></li> <li><a href="#compatibility">兼容性</a></li>
<li><a href="#tags">标签示例表</a></li> <li><a href="#tags">标签示例表</a></li>
<li><a href="#license">开源协议</a></li>
</ol> </ol>
</li> </li>
<li><a href="#wip">待开发功能</a></li> <li><a href="#wip">待开发功能</a></li>
@ -209,7 +210,7 @@
<details> <details>
<summary>查看使用说明</summary> <summary>查看使用说明</summary>
<p>为容器元素添加名为 <code>heti--vertical</code> 的 class 即可实现垂直布局：</p> <p>为容器元素添加名为 <code>heti--vertical</code> 的 class 即可实现垂直布局：</p>
<pre><code>&lt;div class=&quot;heti heti-vertical&quot;&gt;&lt;/div&gt;</code></pre> <pre><code>&lt;div class=&quot;heti heti--vertical&quot;&gt;&lt;/div&gt;</code></pre>
</details> </details>
<figure class="card card--vertical"> <figure class="card card--vertical">
<div class="card__vertical-container"> <div class="card__vertical-container">
@ -457,6 +458,9 @@
</table> </table>
</details> </details>
<h3 id="license">开源协议<a class="anchor" href="#tags">#</a></h3>
<p>「赫蹏」遵循 MIT 协议开源。</p>
<hr> <hr>
<h2 id="wip">待开发功能<a class="anchor" href="#wip">#</a></h2> <h2 id="wip">待开发功能<a class="anchor" href="#wip">#</a></h2>
@ -467,7 +471,6 @@
<li>✅ 诗词版式</li> <li>✅ 诗词版式</li>
<li>✅ 行间注版式</li> <li>✅ 行间注版式</li>
</ul> </ul>
<p>-- EOF --</p>
</article> </article>
<footer class="fn"> <footer class="fn">
<ol class="fn__list"> <ol class="fn__list">