brutcss/src/general.less
Yann Esposito (Yogsototh) 6ac7b2f382
Color play with filters
2022-10-11 14:50:00 +02:00

65 lines
1.7 KiB
Plaintext

html,body { font-size: 12px; line-height: 1.5em; min-height: 100vh; margin: 0; padding:0; border: 0; outline: 0;}
* { box-sizing: border-box; }
body, textarea, input, select {
background: var(--bg);
color: var(--fg);
border-radius: 0;
font-family: Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
font-size: 1rem;
margin: 0;
}
img { max-width: 100%; }
.addon, .sm, .nav, textarea, input, select {
outline: 0;
line-height: 1rem;
}
.container {
padding: 0 20px;
width: 100%;
}
@media (min-width:1380px) {
.container {
margin: auto;
max-width: 1270px;
}
}
pre { background: var(--bg2);
padding: 10px;
overflow: scroll;
}
code { background: var(--darken);
border: solid 1px var(--darken);
padding: 1px;
}
blockquote { margin: 1rem 0; padding-left: 1rem; border-left: solid 1rem var(--nl); }
ul { list-style-type: square;
list-style-position: outside;
padding-inline-start: 1.5rem;
}
ol {
padding-inline-start: 2rem;
}
ul > li::marker { font-size: 1.5rem; }
summary:hover { cursor: pointer; }
table { font-size: 1rem; }
.sm { font-size: 0.75rem; line-height: 0.65rem; }
.big { font-size: 2rem; line-height: 3.4rem;}
.huge { font-size: 3rem; line-height: 5.2rem;}
/* highligh revert the colors */
.hl { background: var(--fg); color: var(--bg); }
/* 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;
line-height: 1.5em;
p {
text-indent: 3rem;
}
}