mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-14 20:23:53 +02:00
40 lines
1.5 KiB
CSS
40 lines
1.5 KiB
CSS
:root {
|
|
--mod-browser-scale: var(--user-browser-scale, 0.98);
|
|
--mod-browser-ease-swipe: var(--user-browser-ease-swipe, 0.3, 1.2, 0.5, 1);
|
|
--mod-browser-ease-reset: var(--user-browser-ease-reset, 0.2, 1.4, 0.3, 1);
|
|
--mod-browser-radius-default: var(--user-tab-radius, 8px);
|
|
--mod-browser-translate-x: var(--user-tab-movement, 2%);
|
|
}
|
|
|
|
@media (-moz-bool-pref: "tab-shadow-enabled") {
|
|
.browserStack browser {
|
|
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.75);
|
|
}
|
|
}
|
|
|
|
@media (-moz-bool-pref: "border-shadow-disabled") {
|
|
hbox.browserSidebarContainer,
|
|
#zen-tabbox-wrapper {
|
|
box-shadow: none !important;
|
|
}
|
|
}
|
|
|
|
.browserStack browser {
|
|
transition: all 0.22s cubic-bezier(var(--mod-browser-ease-reset)) !important;
|
|
transform: translateX(0) !important;
|
|
border-radius: var(--mod-browser-radius-default) !important;
|
|
}
|
|
|
|
.browserStack:has(#historySwipeAnimationPreviousArrow:not([style="translate: none;"]), #historySwipeAnimationNextArrow:not([style="translate: none;"])) browser {
|
|
transition: all 0.22s cubic-bezier(var(--mod-browser-ease-swipe)) !important;
|
|
scale: var(--mod-browser-scale) !important;
|
|
border-radius: calc(var(--mod-browser-radius-default) * 2) !important;
|
|
}
|
|
|
|
.browserStack:has(#historySwipeAnimationPreviousArrow:not([style="translate: none;"])) browser {
|
|
transform: translateX(calc(var(--mod-browser-translate-x) * 1)) !important;
|
|
}
|
|
|
|
.browserStack:has(#historySwipeAnimationNextArrow:not([style="translate: none;"])) browser {
|
|
transform: translateX(calc(var(--mod-browser-translate-x) * -1)) !important;
|
|
}
|