82 lines
2 KiB
CSS
82 lines
2 KiB
CSS
body {
|
|
@apply font-sans text-fg-primary text-md;
|
|
}
|
|
|
|
/* start lynith's native experience (tm) */
|
|
* {
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
-webkit-user-drag: none;
|
|
user-drag: none;
|
|
cursor: default !important;
|
|
animation-duration: 150ms !important;
|
|
}
|
|
|
|
*:hover {
|
|
cursor: default !important;
|
|
}
|
|
/* end lynith's native experience (tm) */
|
|
|
|
h1 { @apply text-2xl font-semibold; line-height: 1.5 !important; }
|
|
h2 { @apply text-xxl font-semibold; line-height: 1.25 !important; }
|
|
h3 { @apply text-xl font-medium; }
|
|
h4 { @apply text-lg font-medium; }
|
|
|
|
.os-scrollbar {
|
|
--os-size: 10px;
|
|
--os-track-border-radius: theme(borderRadius.lg);
|
|
--os-handle-bg: rgba(255, 255, 255, 0.05);
|
|
--os-handle-bg-hover: rgba(255, 255, 255, 0.10);
|
|
--os-handle-bg-active: rgba(255, 255, 255, 0.07);
|
|
--os-handle-perpendicular-size-hover: 140%;
|
|
--os-handle-perpendicular-size-active: 140%;
|
|
--os-handle-interactive-area-offset: 1;
|
|
}
|
|
|
|
.os-scrollbar-offset-right {
|
|
--os-padding-axis: 10;
|
|
}
|
|
|
|
.os-hide-horizontal-scrollbar > .os-scrollbar-horizontal {
|
|
display: none;
|
|
}
|
|
|
|
.page-animation-enter-active, .page-animation-leave-active {
|
|
transition: opacity 130ms, transform 155ms;
|
|
transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
|
|
.page-animation-enter {
|
|
opacity: 0.1;
|
|
transform: translateX(-75px);
|
|
}
|
|
|
|
.page-animation-enter-to, .page-animation-leave {
|
|
opacity: 1;
|
|
transform: translateX(0);
|
|
}
|
|
|
|
.page-animation-leave-to {
|
|
opacity: 0;
|
|
transform: translateX(75px);
|
|
}
|
|
|
|
.noti-animation-enter-active, .noti-animation-leave-active {
|
|
transition: opacity 160ms, transform 175ms;
|
|
transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
|
|
.noti-animation-enter, .noti-animation-leave-to {
|
|
opacity: 0;
|
|
transform: translateX(75px);
|
|
}
|
|
|
|
.noti-animation-enter-to, .noti-animation-leave {
|
|
opacity: 1;
|
|
transform: translateX(0);
|
|
}
|
|
|
|
body.reduce-motion *, body.reduce-motion *::after, body.reduce-motion *::before {
|
|
transition-duration: 0.00001ms !important;
|
|
animation-duration: 0.00001ms !important;
|
|
}
|