Template:Timeline styles/styles.css: Difference between revisions

Template page
imported>Alistair3149
(Update styles)
 
Invictus>Alistair3149
No edit summary
Line 14: Line 14:
table.timeline tr td:first-child {
table.timeline tr td:first-child {
     padding-bottom: 0;
     padding-bottom: 0;
     font-size: 1rem;
     font-size: var( --font-size-h3 );
    font-weight: bold;
     display: list-item;
     display: list-item;
     margin-left: -7px;
     margin-left: -7px;
     padding-left: 7px;
     padding-left: 7px;
     padding-top: 0.8rem;
     padding-top: var( --space-md );
    font-weight: var( --font-weight-semibold );
    color: var( --color-base--emphasized );
}
}


table.timeline tr td {
table.timeline tr td {
     border-bottom: 0;
padding-top: 0.2rem;
padding-left: 0;
     padding-right: 0;
}
}


table.timeline tr td:last-child {
table.timeline tr + tr {
padding-top: 0.2rem;
border-top: 0;
    padding-right: 0
}
}

Revision as of 02:59, 4 May 2023

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: var( --font-size-h3 );
    display: list-item;
    margin-left: -7px;
    padding-left: 7px;
    padding-top: var( --space-md );
    font-weight: var( --font-weight-semibold );
    color: var( --color-base--emphasized );
}

table.timeline tr td {
	padding-top: 0.2rem;
	padding-left: 0;
    padding-right: 0;
}

table.timeline tr + tr {
	border-top: 0;
}