1/* 2 * Copyright 2024 The Pigweed Authors 3 * 4 * Licensed under the Apache License, Version 2.0 (the "License"); you may not 5 * use this file except in compliance with the License. You may obtain a copy of 6 * the License at 7 * 8 * https://www.apache.org/licenses/LICENSE-2.0 9 * 10 * Unless required by applicable law or agreed to in writing, software 11 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT 12 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 13 * License for the specific language governing permissions and limitations under 14 * the License. 15 */ 16 17#logs-container, 18#repl-container { 19 overflow: hidden; 20} 21 22sl-split-panel { 23 --divider-width: 16px; 24 --divider-hit-area: 24px; 25 --min: 20rem; 26 --max: calc(100% - 20rem); 27 height: 100%; 28 width: 100%; 29 contain: size style; 30} 31 32sl-split-panel::part(divider) { 33 border-radius: 8px; 34 transition: 150ms ease 20ms; 35 background-color: transparent; 36 border: 4px solid; 37} 38 39@media (prefers-color-scheme: dark) { 40 sl-split-panel::part(divider) { 41 border-color: #131314; 42 } 43} 44 45@media (prefers-color-scheme: light) { 46 sl-split-panel::part(divider) { 47 border-color: #fff; 48 } 49} 50 51sl-split-panel::part(divider):hover, 52sl-split-panel::part(divider):focus { 53 background-color: #a8c7fa; 54} 55 56sl-split-panel div[slot='start'], 57sl-split-panel div[slot='end'] { 58 overflow: hidden; 59} 60