88 lines
1.3 KiB
SCSS
88 lines
1.3 KiB
SCSS
.revisions{
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 5px;
|
|
.revision{
|
|
justify-content: space-between;
|
|
display: flex;
|
|
gap: 20px;
|
|
align-items: center;
|
|
background: var(--p20);
|
|
padding: 12px;
|
|
border-radius: 12px;
|
|
|
|
.version{
|
|
display: flex;
|
|
gap: 10px;
|
|
}
|
|
|
|
&.active{
|
|
background: var(--p30);
|
|
}
|
|
}
|
|
}
|
|
|
|
.selected-revision{
|
|
margin-top: 30px;
|
|
align-items: center;
|
|
background: var(--p20);
|
|
padding: 12px;
|
|
border-radius: 12px;
|
|
|
|
.button{
|
|
background: var(--p30);
|
|
}
|
|
|
|
.revision-field{
|
|
display: flex;
|
|
gap: 20px;
|
|
align-items: center;
|
|
padding: 20px 0;
|
|
border-bottom: 1px solid var(--p30);
|
|
flex: 1;
|
|
.compare-left{
|
|
width: 45%;
|
|
border-radius: 12px;
|
|
padding: 20px;
|
|
background: var(--p30);
|
|
}
|
|
.compare-right{
|
|
width: 45%;
|
|
border-radius: 12px;
|
|
padding: 20px;
|
|
background: var(--p30);
|
|
}
|
|
.compare-center{
|
|
|
|
width: 10%;
|
|
height: 100%;
|
|
display: flex;
|
|
gap: 20px;
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
.reference-field{
|
|
width: 100px;
|
|
}
|
|
|
|
.revision-references{
|
|
display: flex;
|
|
gap: 20px;
|
|
align-items: center;
|
|
padding: 20px 0;
|
|
border-bottom: 1px solid var(--p30);
|
|
}
|
|
|
|
.reference-compare{
|
|
|
|
width: 45%;
|
|
border-radius: 12px;
|
|
padding: 20px;
|
|
background: var(--p30);
|
|
}
|