github.com/tilt-dev/tilt@v0.33.15-0.20240515162809-0a22ed45d8a0/web/src/Resizer.scss (about)

     1  /* Adapted from https://github.com/tomkp/react-split-pane */
     2  
     3  .Resizer {
     4    background: #000;
     5    opacity: 0.2;
     6    z-index: 1;
     7    -moz-box-sizing: border-box;
     8    -webkit-box-sizing: border-box;
     9    box-sizing: border-box;
    10    -moz-background-clip: padding;
    11    -webkit-background-clip: padding;
    12    background-clip: padding-box;
    13  }
    14  
    15  .Resizer:hover {
    16    -webkit-transition: all 2s ease;
    17    transition: all 2s ease;
    18  }
    19  
    20  .Resizer.horizontal {
    21    height: 11px;
    22    margin: -5px 0;
    23    border-top: 5px solid rgba(255, 255, 255, 0);
    24    border-bottom: 5px solid rgba(255, 255, 255, 0);
    25    cursor: row-resize;
    26    width: 100%;
    27  }
    28  
    29  .Resizer.horizontal:hover {
    30    border-top: 5px solid rgba(0, 0, 0, 0.5);
    31    border-bottom: 5px solid rgba(0, 0, 0, 0.5);
    32  }
    33  
    34  .Resizer.vertical {
    35    width: 11px;
    36    margin: 0 -5px;
    37    border-left: 5px solid rgba(255, 255, 255, 0);
    38    border-right: 5px solid rgba(255, 255, 255, 0);
    39    cursor: col-resize;
    40  }
    41  
    42  .Resizer.vertical:hover {
    43    border-left: 5px solid rgba(0, 0, 0, 0.5);
    44    border-right: 5px solid rgba(0, 0, 0, 0.5);
    45  }
    46  .Resizer.disabled {
    47    cursor: not-allowed;
    48  }
    49  .Resizer.disabled:hover {
    50    border-color: transparent;
    51  }