mirror of
https://github.com/harness/drone.git
synced 2025-05-12 06:59:54 +08:00
64 lines
1.4 KiB
SCSS
64 lines
1.4 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.
|
|
*
|
|
* Use a prefix (like --code-) to name variables.
|
|
*/
|
|
@import '~react-complex-tree/lib/style.css';
|
|
|
|
:root {
|
|
--code-files-page-header-height: 130px;
|
|
--code-split-pane-divider-color: var(--grey-300);
|
|
}
|
|
|
|
.Resizer {
|
|
background: var(--code-split-pane-divider-color);
|
|
opacity: 0.2;
|
|
z-index: 1;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-moz-background-clip: padding;
|
|
-webkit-background-clip: padding;
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
.Resizer:hover {
|
|
-webkit-transition: all 2s ease;
|
|
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;
|
|
}
|