mirror of
https://github.com/harness/drone.git
synced 2025-05-14 16:09:59 +08:00
55 lines
1.2 KiB
SCSS
55 lines
1.2 KiB
SCSS
/*
|
|
* NOTE: Styles in this file are loaded in both standalone and embedded
|
|
* versions. Be careful! Don't introduce global states that could be conflict
|
|
* with Harness Platform and other modules.
|
|
*/
|
|
|
|
.main {
|
|
:global {
|
|
.Resizer {
|
|
background-color: var(--grey-300);
|
|
opacity: 0.2;
|
|
z-index: 1;
|
|
box-sizing: border-box;
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
.Resizer:hover {
|
|
transition: all 2s ease;
|
|
}
|
|
|
|
.Resizer.horizontal {
|
|
margin: -5px 0;
|
|
border-top: 5px solid rgba(255, 255, 255, 0);
|
|
border-bottom: 5px solid rgba(255, 255, 255, 0);
|
|
cursor: row-resize;
|
|
}
|
|
|
|
.Resizer.horizontal:hover {
|
|
border-top: 5px solid rgba(0, 0, 0, 0.5);
|
|
border-bottom: 5px solid rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.Resizer.vertical {
|
|
width: 11px;
|
|
margin: 0 -5px;
|
|
border-left: 5px solid rgba(255, 255, 255, 0);
|
|
border-right: 5px solid rgba(255, 255, 255, 0);
|
|
cursor: col-resize;
|
|
}
|
|
|
|
.Resizer.vertical:hover {
|
|
border-left: 5px solid rgba(0, 0, 0, 0.5);
|
|
border-right: 5px solid rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.Resizer.disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.Resizer.disabled:hover {
|
|
border-color: transparent;
|
|
}
|
|
}
|
|
}
|