More actions
Content deleted Content added
Facerafter (talk | contribs) m 1 revision imported |
Alistair3149 (talk | contribs) Update styles |
||
Line 7: | Line 7: | ||
display: flex; |
display: flex; |
||
flex-direction: column; |
flex-direction: column; |
||
border-left: 1px solid |
border-left: 1px solid; |
||
border-color: var( --border-color-base--darker ); |
|||
padding-left: 20px; |
padding-left: 20px; |
||
} |
} |
||
Line 15: | Line 16: | ||
font-size: 1rem; |
font-size: 1rem; |
||
font-weight: bold; |
font-weight: bold; |
||
⚫ | |||
⚫ | |||
padding-left: 7px; |
|||
padding-top: 0.8rem; |
padding-top: 0.8rem; |
||
} |
|||
table.timeline tr td:first-child:before { |
|||
content: "•"; |
|||
⚫ | |||
position: absolute; |
|||
⚫ | |||
/* -40% is better but TS blocked it */ |
|||
transform: translate(-0.14rem, 0); |
|||
} |
} |
||
Line 34: | Line 29: | ||
padding-top: 0.2rem; |
padding-top: 0.2rem; |
||
padding-right: 0 |
padding-right: 0 |
||
} |
|||
/* Dark mode */ |
|||
@media (prefers-color-scheme: dark) { |
|||
table.timeline tr { |
|||
border-color: #22262d; |
|||
} |
|||
} |
} |
Revision as of 15:06, 21 May 2021
table.timeline {
display: table;
border-bottom: 0;
}
table.timeline tr {
display: flex;
flex-direction: column;
border-left: 1px solid;
border-color: var( --border-color-base--darker );
padding-left: 20px;
}
table.timeline tr td:first-child {
padding-bottom: 0;
font-size: 1rem;
font-weight: bold;
display: list-item;
margin-left: -7px;
padding-left: 7px;
padding-top: 0.8rem;
}
table.timeline tr td {
border-bottom: 0;
}
table.timeline tr td:last-child {
padding-top: 0.2rem;
padding-right: 0
}