converted building-blocks, tools and helpers to tables (#65)

* converted building-blocks, tools and helpers to tables

* tweak readme tables css

* corrected typo

* more tweaks to readme tables css

* removed code blocks from tables

* fixed typos

* format readme tables css

---------

Co-authored-by: rafapaezbas <rafa@holepunch.com>
This commit is contained in:
rafapaezbas
2024-02-21 20:56:52 +01:00
committed by GitHub
parent 8eb0391b78
commit fef8c37c60
3 changed files with 63 additions and 24 deletions

View File

@@ -52,6 +52,40 @@ customElements.define('docs-viewer', class extends HTMLElement {
img[src*="quality.png"]{ max-width: 20em }
img[src*="secure.png"]{ max-width: 20em }
img[src*="filehandling.png"]{ max-width: 20em }
mark{ padding: 2px }
#building-blocks + p + table td:first-child,
#helpers + p + table td:first-child,
#tools + p + table td:first-child {
width: 150px; vertical-align: top
}
#building-blocks + p + table td:nth-child(2),
#helpers + p + table td:nth-child(2),
#tools + p + table td:nth-child(2) {
width: 730px;
}
#building-blocks + p + table td:nth-child(3),
#helpers + p + table td:nth-child(3),
#tools + p + table td:nth-child(3) {
width: 150px;
text-align: center
}
#building-blocks + p + table,
#helpers + p + table, #tools + p + table {
border-spacing: 0px 10px;
}
#stability-indexing + p + p + table td:first-child {
width: 150px; text-align: center; vertical-align: top
}
#stability-indexing + p + p + table td:nth-child(2) {
text-align: left
}
</style>
<div id="panel" class="${lightMode ? 'light' : ''}"><slot></slot></div>
</div>