Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/nperez0111/bookhive. Track your books, share your shelves, see what others are reading bookhive.buzz
atproto bluesky books bookshelf goodreads management-system
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576@import "tailwindcss";
@config '../tailwind.config.js';
@theme { --color-sand: #f9eabc; --color-sand-dark: #998a5c;}
html,body { @apply h-full;}
@keyframes loadingBar { 0% { left: 0%; right: 100%; width: 0%; } 10% { left: 0%; right: 75%; width: 25%; } 90% { right: 0%; left: 75%; width: 25%; } 100% { left: 100%; right: 0%; width: 0%; }}
/* View Transitions - Cross-document transitions */@view-transition { navigation: auto;}
/* Book cover view transitions */.book-cover { view-transition-name: var(--book-cover-name);}
.book-title { view-transition-name: var(--book-title-name);}
.genre-name { view-transition-name: var(--genre-name);}
/* Smooth transitions for common elements */::view-transition-old(root),::view-transition-new(root) { animation-duration: 0.3s; animation-timing-function: ease-in-out;}
/* Book cover specific transitions */::view-transition-old(book-cover),::view-transition-new(book-cover) { animation-duration: 0.4s; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
/* Book title specific transitions */::view-transition-old(book-title),::view-transition-new(book-title) { animation-duration: 0.3s; animation-timing-function: ease-out;}