332e0cbe5a
- Split into 4 files referenced by the first - Using MLFE and page-wide color definitions - Improved consistency and reduced markup complexity - Hinted more user actions - Improved visual parsability of tables and logs - Improved visibility of counter units - TODO: - Add text selection to important fields - Improve button placement - Reindent templates
42 lines
944 B
CSS
42 lines
944 B
CSS
/* MLFE: Marginless FlexEverything (A CSS Reset for Layout) */
|
|
:root {
|
|
font-family: sans-serif;
|
|
line-height: 1;
|
|
user-select: none;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
user-select: inherit;
|
|
color: inherit;
|
|
overflow: hidden;
|
|
flex-shrink: 0;
|
|
font-family: inherit; /* + */
|
|
fonz-size: 1rem; /* + */
|
|
}
|
|
|
|
/* Change from normal: Body and label added as flex container */
|
|
div, ul, ol, nav, body, label {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
h1 { font-size: calc(1rem + calc(1rem / 1))}
|
|
h2 { font-size: calc(1rem + calc(1rem / 2))}
|
|
h3 { font-size: calc(1rem + calc(1rem / 3))}
|
|
h4 { font-size: calc(1rem + calc(1rem / 4))}
|
|
h5 { font-size: calc(1rem + calc(1rem / 5))}
|
|
h6 { font-size: calc(1rem + calc(1rem / 6))}
|
|
|
|
ul, ol {
|
|
gap: 0.5rem;
|
|
padding-left: 1rem;
|
|
}
|
|
|
|
/* Fix text getting cut off unpredictably */
|
|
h1, h2, h3, h4, h5, h6, pre, p, label, legend {
|
|
overflow: visible;
|
|
}
|