theme-store/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/chrome.css
2025-04-24 16:54:26 +09:00

26 lines
1.1 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);
}
.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(3%) !important;
}
.browserStack:has(#historySwipeAnimationNextArrow:not([style="translate: none;"])) browser {
transform: translateX(-3%) !important;
}