Files
Mangarr/assets/styles/app.scss
Jérémy Guillot bc85649789 Added:
- Messenger, Mercure
- chapter download flow (lelscan only)
2024-06-13 18:11:11 +02:00

101 lines
2.3 KiB
SCSS

@import '@fortawesome/fontawesome-free/scss/fontawesome.scss';
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
body {
background-color: white;
}
.modal {
@apply hidden fixed top-0 left-0 w-full h-full outline-none;
z-index: 1072!important;
}
.modal-dialog {
z-index: 1073!important;
}
.modal.show {
@apply block
}
.modal-backdrop {
@apply relative bg-black top-0 left-0;
z-index: -1!important;
width: 100vw;
height: 100vh;
}
.modal-backdrop.fade {
@apply opacity-0
}
.modal-backdrop.show {
@apply opacity-50
}
.modal.fade .modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
}
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none;
}
::-webkit-scrollbar {
@apply w-2 h-1;
/* Ajuster la largeur et la hauteur de la scrollbar */
}
::-webkit-scrollbar-thumb {
@apply bg-green-600;
}
::-webkit-scrollbar-thumb:hover {
@apply bg-green-700;
}
::-webkit-scrollbar-track {
@apply bg-white;
}
#searchResults::-webkit-scrollbar {
@apply w-2 h-1;
/* Ajuster la largeur et la hauteur de la scrollbar */
}
#searchResults::-webkit-scrollbar-thumb {
@apply bg-green-600 rounded-r-sm;
}
#searchResults::-webkit-scrollbar-thumb:hover {
@apply bg-green-700;
}
#searchResults::-webkit-scrollbar-track {
@apply bg-gray-700;
}
///* Custom styles for the scrollbar buttons */
//::-webkit-scrollbar-button {
// @apply bg-gray-700;
// height: 10px; /* Adjust the height of the scrollbar buttons */
// width: 10px; /* Adjust the width of the scrollbar buttons */
//}
//
//::-webkit-scrollbar-button:vertical:decrement {
// @apply bg-gray-700;
// background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 8l6 6H6z'/%3E%3C/svg%3E");
//}
//
//::-webkit-scrollbar-button:vertical:increment {
// @apply bg-gray-700;
// background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 16l-6-6h12z'/%3E%3C/svg%3E");
//}