densify
This commit is contained in:
parent
36cb28823d
commit
861c7bcccd
|
@ -518,13 +518,13 @@
|
|||
[:div.card.c6
|
||||
c1
|
||||
[:br]
|
||||
[:details
|
||||
[:details.push
|
||||
[:summary.bg-neutral "code"]
|
||||
(to-pre c1)]]
|
||||
(when c2
|
||||
[:div.card.c6
|
||||
c2
|
||||
[:details
|
||||
[:details.push
|
||||
[:summary.bg-neutral "code"]
|
||||
(to-pre c2)]])])])]))
|
||||
|
||||
|
|
2
brut.min.css
vendored
2
brut.min.css
vendored
File diff suppressed because one or more lines are too long
40
h/docs.html
40
h/docs.html
File diff suppressed because one or more lines are too long
|
@ -1,9 +1,13 @@
|
|||
/* card and block to put space between blocks */
|
||||
|
||||
.card, .block {
|
||||
padding: 1rem;
|
||||
padding: 0;
|
||||
border: solid 1rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.card > ul > li > a { width: 100%; display: inline-block; }
|
||||
.card > ul > li > a:hover { background: var(--accent); color: var(--bg); }
|
||||
|
||||
.col.card, .col.block {
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
|
@ -11,7 +15,9 @@
|
|||
|
||||
|
||||
.card { border-color: var(--nl); }
|
||||
.card > *:first-child { margin-top: 0; }
|
||||
.block { border-color: transparent; }
|
||||
.block > *:first-child { margin-top: 0; }
|
||||
|
||||
/* To be used as main image for presentation */
|
||||
.central {
|
||||
|
@ -32,3 +38,17 @@ button ~ .central {
|
|||
|
||||
.fill { flex-grow: 1; }
|
||||
footer,.push { justify-self: flex-end; margin-top: auto;}
|
||||
|
||||
/* doc are for long text to read */
|
||||
.doc { max-width: 65ch;
|
||||
font-size: 1.25rem;
|
||||
font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;
|
||||
text-align: justify;
|
||||
line-height: 1.5em;
|
||||
p {
|
||||
text-indent: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.col.card,.row.card, .col.block,.row.block { padding: 0; }
|
||||
|
|
|
@ -4,12 +4,12 @@ label > * {
|
|||
|
||||
form > * {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
textarea, input, select {
|
||||
border: 2px solid;
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
textarea, input[type=text] {
|
||||
|
|
|
@ -23,7 +23,9 @@ img { max-width: 100%; }
|
|||
}
|
||||
|
||||
pre { background: var(--bg2);
|
||||
padding: 10px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: 1rem;
|
||||
overflow: scroll;
|
||||
}
|
||||
code { background: var(--darken);
|
||||
|
@ -39,8 +41,9 @@ ol {
|
|||
padding-inline-start: 2rem;
|
||||
}
|
||||
ul > li::marker { font-size: 1.5rem; }
|
||||
ul { padding: 0; margin-left: 1.5rem; }
|
||||
summary:hover { cursor: pointer; }
|
||||
ul { padding: 0; margin: 0 1.5rem 0 0; }
|
||||
li { line-height: 1.2rem; }
|
||||
.action, summary:hover { cursor: pointer; background: var(--bg2); }
|
||||
table { font-size: 1rem; }
|
||||
|
||||
.sm { font-size: 0.75rem; }
|
||||
|
@ -57,14 +60,3 @@ p > .hl, li > .hl {
|
|||
border: solid 1px var(--fg);
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
/* doc are for long text to read */
|
||||
.doc { max-width: 65ch;
|
||||
font-size: 1.25rem;
|
||||
font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;
|
||||
text-align: justify;
|
||||
line-height: 1.5em;
|
||||
p {
|
||||
text-indent: 3rem;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -15,6 +15,8 @@
|
|||
.col {
|
||||
flex-direction: column;
|
||||
}
|
||||
.col > .row { padding: 0 1rem; }
|
||||
.row > .col { padding: 1rem 0; }
|
||||
.start {
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
|
|
|
@ -2,12 +2,12 @@
|
|||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
display: block;
|
||||
padding: 0.5rem;
|
||||
padding: 0;
|
||||
font-size: 1rem;
|
||||
margin: 0;
|
||||
outline: 0;
|
||||
color: var(--bg);
|
||||
margin: 1rem 0;
|
||||
width: 100%;
|
||||
margin: 0 0 1rem 0;
|
||||
a {
|
||||
color: var(--bg);
|
||||
}
|
||||
|
@ -25,4 +25,4 @@ h2:before { content: "= "; opacity: 0.3; }
|
|||
h3:before { content: "- "; opacity: 0.3; }
|
||||
h4:before { content: ": "; opacity: 0.3; }
|
||||
h5:before { content: "⋅ "; opacity: 0.3; }
|
||||
h6 { padding-left: 2rem; }
|
||||
h6 { padding-left: 1.25rem; }
|
||||
|
|
Loading…
Reference in a new issue