Something went wrong. Try again.
DASL — Data-Addressed Structures & Links — is a small set of simple, standard primitives for working with content-addressed, linked data. If
Something went wrong. Try again.
dasl.ing spec.css
3.9 kB · 239 lines
CSS
at governance
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240
@import "shared.css";
:root { --flag-colour: gold; --flag-border-size: 3px;}
body { line-height: 1.4; font-size: 1.2rem;}.nav-back { max-width: var(--spec-width); margin: auto; text-transform: uppercase; text-align: right;}main { max-width: var(--spec-width);}header { padding: 4rem 0 1rem 0.5rem;}h1 { font-weight: 400; font-size: 2rem; margin: 0.5rem 0; text-decoration: underline; text-decoration-color: var(--green); text-decoration-thickness: 5px;}header th { font-weight: normal; text-transform: uppercase; text-align: left; vertical-align: top;}header td { padding-left: 1rem;}header table p { margin: 0;}section, ul, ol { margin: 0 1rem 1rem 1rem; max-width: 70ch;}section section { margin: 0 0 1rem 0;}ul, ol { padding-left: 1rem; max-width: calc(70ch - 1rem);}ul > li { list-style-type: square;}dt { font-weight: bold;}h2 { font-weight: 400; font-size: var(--header-font-size); text-decoration: underline; text-decoration-thickness: 5px; text-transform: uppercase;}h3 { margin-bottom: 0;}h3 + p { margin-top: 0;}header table a, a.ref { text-decoration: none;}a.dfn-ref { text-decoration-color: var(--purple); /* text-decoration-thickness: 1px; */ color: inherit;}div.flag { border: var(--flag-border-size) solid var(--flag-colour); padding: 1rem; position: relative; margin-top: 3rem;}div.flag::before { content: "Issue"; display: block; position: absolute; top: -2.4rem; background: var(--flag-colour); left: calc(-1 * var(--flag-border-size)); border: var(--flag-border-size) solid var(--flag-colour); padding: 0.4rem 1rem; text-transform: uppercase; line-height: 1;}dt { font-weight: bold;}section table { border-collapse: collapse; margin: 1rem 0;}section th, section td { border: 3px solid #000; padding: 0.5rem 1rem; text-align: left;}section th { font-weight: 700; text-transform: uppercase; background-color: #000; color: #fff;}
.maturity { padding: 2px 4px 2px 0;}.maturity::before { display: inline-block; margin-right: 4px; width: 1lh; text-align: center;}.maturity.hns { background: oklch(from var(--orange) l c h / 0.2);}.maturity.hns::before { content: '🔥'; background: var(--orange);}.maturity.stabilising { background: oklch(from var(--purple) l c h / 0.2);}.maturity.stabilising::before { content: '☣️'; background: var(--purple);}.maturity.stable { background: oklch(from var(--green) l c h / 0.2);}.maturity.stable::before { content: '🧱'; background: var(--green);}.maturity.abandoned::before { content: '☠️'; background: #000;}.maturity.informative { background: oklch(from var(--blue) l c h / 0.2);}.maturity.informative::before { content: 'ℹ️'; background: var(--blue);}
@media only screen and (max-width:800px) { header table, header tr, header th, header td { display: block; } .nav-back { font-size: 1rem; }}
/*
Colorbrewer themeOriginal: https://github.com/mbostock/colorbrewer-theme (c) Mike Bostock <mike@ocks.org>Ported by Fabrício Tavares de Oliveira
*/
.hljs { color: #000; background: #fff;}
.hljs-subst { /* default */}
.hljs-string,.hljs-meta,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-addition { color: #756bb1;}
.hljs-comment,.hljs-quote { color: #636363;}
.hljs-number,.hljs-regexp,.hljs-literal,.hljs-bullet,.hljs-link { color: #31a354;}
.hljs-deletion,.hljs-variable { color: #88f;}
.hljs-keyword,.hljs-selector-tag,.hljs-title,.hljs-section,.hljs-built_in,.hljs-doctag,.hljs-type,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-strong { color: #3182bd;}
.hljs-emphasis { font-style: italic;}
.hljs-attribute { color: #e6550d;}