RealtimePreview: Use LESS nesting in ResizingDragBar

Change-Id: I47b9840291907d764036c7917e3b2bad908ba7af
This commit is contained in:
Ed Sanders 2024-03-12 11:18:26 -07:00
parent 7837e3952c
commit 864f39b359

View file

@ -16,18 +16,12 @@
display: flex;
align-items: center;
justify-content: center;
}
.ext-WikiEditor-ResizingDragBar-ns {
&-ns {
cursor: ns-resize;
}
.ext-WikiEditor-ResizingDragBar-ew {
cursor: ew-resize;
background-color: @background-color-wikieditor-resizing-dragbar-ew;
}
.ext-WikiEditor-ResizingDragBar span {
span {
width: @affordance-length;
height: @affordance-width;
background-color: @background-color-wikieditor-resizing-dragbar-drag;
@ -36,12 +30,18 @@
margin: 2px;
}
.ext-WikiEditor-ResizingDragBar:hover span {
&:hover span {
background-color: @background-color-wikieditor-resizing-dragbar-drag--hover;
}
.ext-WikiEditor-ResizingDragBar-ew span {
&-ew {
cursor: ew-resize;
background-color: @background-color-wikieditor-resizing-dragbar-ew;
span {
height: @affordance-length;
width: @affordance-width;
border-width: 0 @border-width-base;
}
}
}