В текущем коде, класс .dark определяет стиль для элементов с классом .gap-bottom, которые не являются последними дочерними элементами в vue transition group . Этот стиль устанавливает border-bottom на #232528.
Как сделать (когда они исчезают), так чтобы они сохраняли свой исходный цвет (#232528) вместо изменения на #adb8c7, они как будто теряют связь с .dark?
.dark {
.gap-bottom:not(:last-child) {
border-bottom: 1px solid #232528;
}
}
.gap-bottom:not(:last-child) {
margin-bottom: 0.5em;
padding-bottom: 0.5em;
border-bottom: 1px solid #adb8c7;
}