Add lettered bullet nesting to policy list

This commit is contained in:
Tom Lee 2020-08-26 21:50:11 +01:00
parent d84b8718f5
commit 7556479321
2 changed files with 30 additions and 3 deletions

View File

@ -36,13 +36,13 @@
<li><a href="https://emfcamp.org">EMF2022</a></li> <li><a href="https://emfcamp.org">EMF2022</a></li>
</ul> </ul>
<h2 id='policy'>Policy</h2> <h2 id='policy'>Policy</h2>
<ol class="left-aligned"> <ol class="left-aligned nested parent">
<li>No one shall dissuade or stop anyone from making anything, especially if it's a bad idea.</li> <li>No one shall dissuade or stop anyone from making anything, especially if it's a bad idea.</li>
<li>"Fuck it, we'll do it live" is always acceptable.</li> <li>"Fuck it, we'll do it live" is always acceptable.</li>
<li>Maybe policy should go on the website.</li> <li>Maybe policy should go on the website.</li>
<li>&gt; For policy proposals in chat.</li> <li>&gt; For policy proposals in chat.</li>
<li>Un defined, (but positive) number of ✅ are needed for policy approvals.</li> <ol class="nested">
<ol> <li>Un defined, (but positive) number of ✅ are needed for policy approvals.</li>
<li>Ticks must outweigh ❌ votes</li> <li>Ticks must outweigh ❌ votes</li>
</ol> </ol>
<li>No hacker shall intentionally set another hacker on fire, or through inaction allow another hacker to be set on fire.</li> <li>No hacker shall intentionally set another hacker on fire, or through inaction allow another hacker to be set on fire.</li>

View File

@ -74,6 +74,33 @@ ul.fisher-price-links>li>a {
animation: unicornMode 2s linear 0s infinite; animation: unicornMode 2s linear 0s infinite;
} }
.nested li {
display: block;
position: relative;
}
.nested {
margin-bottom: 0;
counter-reset: number;
}
.parent .nested {
counter-reset: letter;
}
.parent .nested li::before {
content: counter(letter, lower-alpha) ".";
counter-increment: letter;
}
.nested li::before {
content: counter(number) ".";
counter-increment: number;
position: absolute;
margin-right: 100%;
right: 10px;
}
@keyframes unicornMode { @keyframes unicornMode {
from { from {
color: #6666ff; color: #6666ff;