src/wiki/static/wiki/scss/splitter.scss

   1 #splitter {
   2     flex: 1;
   3     display: flex;
   4     overflow: hidden;
   5
   6     #vsplitbar {
   7         width: 30px;
   8         border-left: 2px solid #999;
   9         border-right: 2px solid #999;
  10         cursor: pointer;
  11         background: #C1C1C1;
  12         cursor: col-resize;
  13         display: flex;
  14         align-items: center;
  15         justify-content: center;
  16
  17         &:hover {
  18             background-color: #E6E6E6;
  19         }
  20
  21         &.active {
  22             p {
  23                 &::before {content: "▼";}
  24                 &::after {content: "▼";}
  25             }
  26         }
  27
  28         p {
  29             font-size: 12px;
  30             -moz-transform: rotate(270deg);
  31             -moz-transform-origin: 50% 50%;
  32             -webkit-transform: rotate(270deg);
  33             -webkit-transform-origin: 50% 50%;
  34             -o-transform: rotate(-270deg);
  35             -o-transform-origin:  bottom left;
  36             filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  37             margin: 0;
  38             white-space: nowrap;
  39
  40             &::before {
  41                 content: "▲";
  42                 margin-right: 1em;
  43             }
  44             &::after {
  45                 content: "▲";
  46                 margin-left: 1em;
  47             }
  48         }
  49     }
  50 }