85 lines
1.2 KiB
Plaintext
85 lines
1.2 KiB
Plaintext
ResizableElement
|
|
{
|
|
position:absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
flex-direction: row;
|
|
align-items: stretch;
|
|
}
|
|
|
|
ResizableElement #right
|
|
{
|
|
width: 10px;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
}
|
|
|
|
ResizableElement #left
|
|
{
|
|
width: 10px;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
}
|
|
ResizableElement #middle
|
|
{
|
|
flex:1 0 auto;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
}
|
|
|
|
|
|
ResizableElement #left #top-left-resize
|
|
{
|
|
height: 10px;
|
|
cursor: resize-up-left;
|
|
}
|
|
|
|
ResizableElement #left #left-resize
|
|
{
|
|
flex:1 0 auto;
|
|
cursor: resize-horizontal;
|
|
}
|
|
|
|
ResizableElement #left #bottom-left-resize
|
|
{
|
|
height: 10px;
|
|
cursor: resize-up-right;
|
|
}
|
|
|
|
ResizableElement #middle #top-resize
|
|
{
|
|
height: 10px;
|
|
cursor: resize-vertical;
|
|
}
|
|
|
|
ResizableElement #middle #middle-center
|
|
{
|
|
flex:1 0 auto;
|
|
}
|
|
|
|
ResizableElement #middle #bottom-resize
|
|
{
|
|
height: 10px;
|
|
cursor: resize-vertical;
|
|
}
|
|
|
|
ResizableElement #right #top-right-resize
|
|
{
|
|
height: 10px;
|
|
cursor: resize-up-right;
|
|
}
|
|
|
|
ResizableElement #right #right-resize
|
|
{
|
|
flex:1 0 auto;
|
|
cursor: resize-horizontal;
|
|
}
|
|
|
|
ResizableElement #right #bottom-right-resize
|
|
{
|
|
height: 10px;
|
|
cursor: resize-up-left;
|
|
}
|