mirror of
https://github.com/zen-browser/desktop.git
synced 2025-07-13 17:05:29 +02:00
44 lines
1.4 KiB
CSS
44 lines
1.4 KiB
CSS
/*
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
*/
|
|
:root:not([inDOMFullscreen='true']):not([chromehidden~='location']):not([chromehidden~='toolbar']) {
|
|
& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer {
|
|
width: -moz-available;
|
|
--zen-native-content-radius: env(-moz-gtk-csd-titlebar-radius, var(--zen-border-radius));
|
|
border-radius: var(
|
|
--zen-webview-border-radius,
|
|
/* Inner radius calculation:
|
|
* 1. If the native radius - the separation is less than 4px, use 4px.
|
|
* 2. Otherwise, use the the calculated value (inner radius = outer radius - separation).
|
|
*/
|
|
max(4px, calc(var(--zen-native-content-radius) - var(--zen-element-separation)))
|
|
);
|
|
position: relative;
|
|
|
|
/* For glance */
|
|
transition:
|
|
transform 0.1s ease-in-out,
|
|
opacity 0.1s ease-in-out;
|
|
|
|
overflow: hidden;
|
|
|
|
:root[zen-right-side='true'] & {
|
|
margin-left: var(--zen-element-separation);
|
|
}
|
|
|
|
:root:not([zen-no-padding='true']) & {
|
|
margin: 1px;
|
|
box-shadow: 0 0 9.73px 0px rgba(0, 0, 0, 0.25);
|
|
}
|
|
}
|
|
|
|
@media (-moz-bool-pref: 'zen.view.experimental-rounded-view') {
|
|
#tabbrowser-tabpanels {
|
|
mix-blend-mode: multiply;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
isolation: isolate;
|
|
}
|
|
}
|
|
}
|