Headless CMS and Content Managment Hub
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

102 lines
2.2 KiB

td {
&.details {
border-top: 0;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
padding: 0 !important;
}
}
.table-items-row {
&.expanded {
td {
border-bottom: 0;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
}
}
.event {
&-header,
&-dump {
padding: .75rem 1.25rem;
}
&-header {
background: $color-border-light;
border: 0;
border-bottom: 2px solid $color-border;
position: relative;
h4 {
font-size: 1rem;
font-weight: 500;
margin: 0;
}
}
}
$history-dot-size: 10px;
$history-dot-offset-x: -($history-dot-size * .5 + 1px);
$history-dot-sm-size: 6px;
$history-dot-sm-offset-x: -($history-dot-sm-size * .5 + 1px);
.history {
border-left: 2px dashed $color-border;
margin: .5rem 0;
padding: .5rem 1.5rem;
padding-right: 0;
position: relative;
&-state {
position: relative;
&::before {
@include circle($history-dot-size);
@include absolute(.5rem, null, null, -1.5rem);
background: $color-border;
content: '';
margin: 0;
margin-left: $history-dot-offset-x;
}
}
&-transition {
font-size: 85%;
font-weight: normal;
margin: 1rem 0;
position: relative;
&::before {
@include circle($history-dot-sm-size);
@include absolute(.5rem, null, null, -1.5rem);
background: $color-border;
content: '';
margin: 0;
margin-left: $history-dot-sm-offset-x;
}
&:first-child {
margin-top: 0;
}
&:last-child {
margin-bottom: 0;
}
}
&-start,
&-end {
@include circle($history-dot-size);
background: $color-border;
}
&-start {
@include absolute(-$history-dot-size * .5, null, null, $history-dot-offset-x);
}
&-end {
@include absolute(null, null, -$history-dot-size * .5, $history-dot-offset-x);
}
}