You will find only what you bring in.

[redakcja.git] / src / wiki / static / wiki / scss / splitter.scss

diff --git a/src/wiki/static/wiki/scss/splitter.scss b/src/wiki/static/wiki/scss/splitter.scss
new file mode 100644 (file)
index 0000000..68e8b79
--- /dev/null
+++ b/src/wiki/static/wiki/scss/splitter.scss
@@ -0,0 +1,50 @@
+#splitter {
+    flex: 1;
+    display: flex;
+    overflow: hidden;
+
+    #vsplitbar {
+        width: 30px;
+        border-left: 2px solid #999;
+        border-right: 2px solid #999;
+        cursor: pointer;  
+        background: #C1C1C1; 
+        cursor: col-resize;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        &:hover {
+            background-color: #E6E6E6;
+        }
+
+        &.active {
+            p {
+                &::before {content: "▼";}
+                &::after {content: "▼";}
+            }
+        }
+        
+        p {
+            font-size: 12px;
+            -moz-transform: rotate(270deg);
+            -moz-transform-origin: 50% 50%;
+            -webkit-transform: rotate(270deg);
+            -webkit-transform-origin: 50% 50%; 
+            -o-transform: rotate(-270deg);
+            -o-transform-origin:  bottom left;
+            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+            margin: 0;
+            white-space: nowrap;
+
+            &::before {
+                content: "▲";
+                margin-right: 1em;
+            }
+            &::after {
+                content: "▲";
+                margin-left: 1em;
+            }
+        }
+    }
+}