yogsototh/brutcss
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

densify

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2022-10-29 15:09:32 +02:00
parent 36cb28823d
commit 861c7bcccd
Signed by untrusted user who does not match committer: yogsototh
GPG key ID: 7B19A4C650D59646
8 changed files with 57 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
bb/brut/site.clj
View file

@ -518,13 +518,13 @@
[:div.card.c6 [:div.card.c6
c1 c1
[:br] [:br]
[:details [:details.push
[:summary.bg-neutral "code"] [:summary.bg-neutral "code"]
(to-pre c1)]] (to-pre c1)]]
(when c2 (when c2
[:div.card.c6 [:div.card.c6
c2 c2
[:details [:details.push
[:summary.bg-neutral "code"] [:summary.bg-neutral "code"]
(to-pre c2)]])])])])) (to-pre c2)]])])])]))

2
brut.min.css vendored
View file

File diff suppressed because one or more lines are too long

40
h/docs.html
View file

File diff suppressed because one or more lines are too long

22
src/components.less
View file

@ -1,9 +1,13 @@
/* card and block to put space between blocks */ /* card and block to put space between blocks */
.card, .block { .card, .block {
padding: 1rem; padding: 0;
border: solid 1rem; border: solid 1rem;
overflow: hidden; 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 { .col.card, .col.block {
justify-content: flex-start; justify-content: flex-start;
align-items: flex-start; align-items: flex-start;
@ -11,7 +15,9 @@
.card { border-color: var(--nl); } .card { border-color: var(--nl); }
.card > *:first-child { margin-top: 0; }
.block { border-color: transparent; } .block { border-color: transparent; }
.block > *:first-child { margin-top: 0; }
/* To be used as main image for presentation */ /* To be used as main image for presentation */
.central { .central {
@ -32,3 +38,17 @@ button ~ .central {
.fill { flex-grow: 1; } .fill { flex-grow: 1; }
footer,.push { justify-self: flex-end; margin-top: auto;} 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; }

2
src/forms.less
View file

@ -4,12 +4,12 @@ label > * {
form > * { form > * {
display: block; display: block;
margin-bottom: 10px;
} }
textarea, input, select { textarea, input, select {
border: 2px solid; border: 2px solid;
padding: 2px; padding: 2px;
margin: 0;
} }
textarea, input[type=text] { textarea, input[type=text] {

20
src/general.less
View file

@ -23,7 +23,9 @@ img { max-width: 100%; }
} }
pre { background: var(--bg2); pre { background: var(--bg2);
padding: 10px; padding: 0;
margin: 0;
line-height: 1rem;
overflow: scroll; overflow: scroll;
} }
code { background: var(--darken); code { background: var(--darken);
@ -39,8 +41,9 @@ ol {
padding-inline-start: 2rem; padding-inline-start: 2rem;
} }
ul > li::marker { font-size: 1.5rem; } ul > li::marker { font-size: 1.5rem; }
ul { padding: 0; margin-left: 1.5rem; } ul { padding: 0; margin: 0 1.5rem 0 0; }
summary:hover { cursor: pointer; } li { line-height: 1.2rem; }
.action, summary:hover { cursor: pointer; background: var(--bg2); }
table { font-size: 1rem; } table { font-size: 1rem; }
.sm { font-size: 0.75rem; } .sm { font-size: 0.75rem; }
@ -57,14 +60,3 @@ p > .hl, li > .hl {
border: solid 1px var(--fg); border: solid 1px var(--fg);
padding: 1px; 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;
}
}

2
src/grid.less
View file

@ -15,6 +15,8 @@
.col { .col {
flex-direction: column; flex-direction: column;
} }
.col > .row { padding: 0 1rem; }
.row > .col { padding: 1rem 0; }
.start { .start {
justify-content: flex-start; justify-content: flex-start;
align-items: flex-start; align-items: flex-start;

8
src/headings.less
View file

@ -2,12 +2,12 @@
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
display: block; display: block;
padding: 0.5rem; padding: 0;
font-size: 1rem; font-size: 1rem;
margin: 0;
outline: 0; outline: 0;
color: var(--bg); color: var(--bg);
margin: 1rem 0; width: 100%;
margin: 0 0 1rem 0;
a { a {
color: var(--bg); color: var(--bg);
} }
@ -25,4 +25,4 @@ h2:before { content: "= "; opacity: 0.3; }
h3:before { content: "- "; opacity: 0.3; } h3:before { content: "- "; opacity: 0.3; }
h4:before { content: ": "; opacity: 0.3; } h4:before { content: ": "; opacity: 0.3; }
h5:before { content: "⋅ "; opacity: 0.3; } h5:before { content: "⋅ "; opacity: 0.3; }
h6 { padding-left: 2rem; } h6 { padding-left: 1.25rem; }