BracketArrow.css (1409B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */ 4 5 .bracket-arrow { 6 position: absolute; 7 pointer-events: none; 8 } 9 10 .bracket-arrow::before, 11 .bracket-arrow::after { 12 content: ""; 13 height: 0; 14 width: 0; 15 position: absolute; 16 border: 7px solid transparent; 17 } 18 19 .bracket-arrow.up::before { 20 border-bottom-color: var(--theme-splitter-color); 21 top: -1px; 22 } 23 24 .theme-dark .bracket-arrow.up::before { 25 border-bottom-color: var(--theme-body-color); 26 } 27 28 .bracket-arrow.up::after { 29 border-bottom-color: var(--theme-body-background); 30 top: 0; 31 } 32 33 .bracket-arrow.down::before { 34 border-bottom-color: transparent; 35 border-top-color: var(--theme-splitter-color); 36 top: 0; 37 } 38 39 .theme-dark .bracket-arrow.down::before { 40 border-top-color: var(--theme-body-color); 41 } 42 43 .bracket-arrow.down::after { 44 border-bottom-color: transparent; 45 border-top-color: var(--theme-body-background); 46 top: -1px; 47 } 48 49 .bracket-arrow.left::before { 50 border-left-color: transparent; 51 border-right-color: var(--theme-splitter-color); 52 top: 0; 53 } 54 55 .theme-dark .bracket-arrow.left::before { 56 border-right-color: var(--theme-body-color); 57 } 58 59 .bracket-arrow.left::after { 60 border-left-color: transparent; 61 border-right-color: var(--theme-body-background); 62 top: 0; 63 left: 1px; 64 }