68e8b79cab2b3951a0a0996f3006443bf53bceeb
[redakcja.git] / 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 }