المزيد من الإجراءات
لا ملخص تعديل |
عبد العزيز (نقاش | مساهمات) لا ملخص تعديل |
||
سطر 32: | سطر 32: | ||
table.timeline tr td:first-child:before { | table.timeline tr td:first-child:before { | ||
content: ""; | content: ""; | ||
width: | width: 12px; | ||
height: | height: 2px; | ||
display: block; | display: block; | ||
background-color: var( --color-base--subtle ); | background-color: var( --color-base--subtle ); | ||
border-radius: 100%; | border-radius: 100%; | ||
position: absolute; | position: absolute; | ||
right: | right: 0px; | ||
margin-top: | margin-top: 10px; | ||
} | } | ||
مراجعة 11:19، 6 يناير 2024
table.timeline, table.timeline tbody {
display: block;
}
table.timeline tr {
position: relative;
margin-right: 8px;
padding: var( --space-xs ) var( --space-xs ) var( --space-xs ) 20px;
display: flex;
flex-direction: column;
border-top-right-radius: var( --border-radius--small );
border-bottom-right-radius: var( --border-radius--small );
}
table.timeline tr:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
display: block;
width: 1px;
background-color: var( --border-color-base--darker );
}
table.timeline tr td:first-child {
font-size: 1rem;
font-weight: var( --font-weight-semibold );
color: var( --color-base--emphasized );
}
table.timeline tr td:first-child:before {
content: "";
width: 12px;
height: 2px;
display: block;
background-color: var( --color-base--subtle );
border-radius: 100%;
position: absolute;
right: 0px;
margin-top: 10px;
}
table.timeline tr td {
padding: 0;
}
table.timeline tr + tr {
border-top: 0;
}