2023-06-19 15:27:05 +02:00
|
|
|
$color-addition-dark: var(--color-addition-dark);
|
|
|
|
$color-addition-light: var(--color-addition-light);
|
|
|
|
$color-deletion-dark: var(--color-deletion-dark);
|
|
|
|
$color-deletion-light: var(--color-deletion-light);
|
2016-11-23 14:37:23 +01:00
|
|
|
|
|
|
|
.comparison {
|
2023-06-19 15:27:05 +02:00
|
|
|
--color-addition-dark: #a6f3a6;
|
|
|
|
--color-addition-light: #ebffeb;
|
|
|
|
--color-deletion-dark: #f8cbcb;
|
|
|
|
--color-deletion-light: #ffebeb;
|
|
|
|
|
|
|
|
@include dark-theme() {
|
|
|
|
--color-addition-dark: #033a16;
|
|
|
|
--color-addition-light: #045720;
|
|
|
|
--color-deletion-dark: #67060c;
|
|
|
|
--color-deletion-light: #8e070f;
|
|
|
|
}
|
|
|
|
|
2017-01-05 11:45:41 +01:00
|
|
|
&__child-object {
|
2023-04-19 07:58:14 +02:00
|
|
|
border-top: 1px dashed theme('colors.border-furniture');
|
2017-01-05 11:45:41 +01:00
|
|
|
padding: 1em;
|
2016-11-30 12:14:02 +01:00
|
|
|
|
2018-11-28 21:58:35 +01:00
|
|
|
dd {
|
2022-03-15 14:21:06 +01:00
|
|
|
margin-inline-start: 40px;
|
2016-11-23 14:37:23 +01:00
|
|
|
}
|
|
|
|
|
2017-01-05 11:45:41 +01:00
|
|
|
&:first-child {
|
|
|
|
border-top: 0;
|
|
|
|
}
|
|
|
|
|
2016-11-23 14:37:23 +01:00
|
|
|
&.addition {
|
|
|
|
background-color: $color-addition-light;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.deletion {
|
|
|
|
background-color: $color-deletion-light;
|
|
|
|
}
|
2022-02-04 12:57:55 +01:00
|
|
|
}
|
2016-11-23 14:37:23 +01:00
|
|
|
|
|
|
|
&__list {
|
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: -1em;
|
2022-02-04 12:57:55 +01:00
|
|
|
}
|
2016-11-23 14:37:23 +01:00
|
|
|
|
2017-01-05 11:45:41 +01:00
|
|
|
span.addition {
|
|
|
|
background-color: $color-addition-dark;
|
|
|
|
}
|
|
|
|
|
2016-11-23 14:37:23 +01:00
|
|
|
span.deletion {
|
2017-01-05 11:45:41 +01:00
|
|
|
background-color: $color-deletion-dark;
|
2016-11-23 14:37:23 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.preview-image {
|
|
|
|
display: inline-block;
|
2022-02-04 12:57:55 +01:00
|
|
|
|
2016-11-23 14:37:23 +01:00
|
|
|
&.addition,
|
|
|
|
&.deletion {
|
2017-01-05 11:45:41 +01:00
|
|
|
padding: 5px;
|
2022-03-15 14:21:06 +01:00
|
|
|
margin-inline-end: 5px;
|
2017-01-05 11:45:41 +01:00
|
|
|
border-style: solid;
|
|
|
|
border-width: 1px;
|
2022-02-04 12:57:55 +01:00
|
|
|
}
|
|
|
|
|
2016-11-23 14:37:23 +01:00
|
|
|
&.addition {
|
|
|
|
background-color: $color-addition-light;
|
2017-01-05 11:45:41 +01:00
|
|
|
border-color: $color-addition-dark;
|
2022-02-04 12:57:55 +01:00
|
|
|
}
|
|
|
|
|
2017-01-05 11:45:41 +01:00
|
|
|
&.deletion {
|
|
|
|
background-color: $color-deletion-light;
|
|
|
|
border-color: $color-deletion-dark;
|
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
|
|
display: block;
|
2016-11-23 14:37:23 +01:00
|
|
|
}
|
2022-02-04 12:57:55 +01:00
|
|
|
}
|
2016-11-23 14:37:23 +01:00
|
|
|
}
|