changed css to style block

This commit is contained in:
Diganta Kr Banik
2022-10-01 22:24:29 +05:30
parent 36b3072d64
commit c7d9eaaae5
2 changed files with 24 additions and 21 deletions
-21
View File
@@ -32,24 +32,3 @@
@apply px-4 py-2 leading-5 text-white transition-colors duration-200 transform bg-gray-700 rounded text-center hover:bg-gray-600 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50;
}
}
.why-classquiz::-webkit-scrollbar {
height: 0.8rem;
margin-bottom: 5rem;
}
.why-classquiz::-webkit-scrollbar-track {
box-shadow: inset 0 0 10px 10px transparent;
border: solid 3px transparent;
}
.why-classquiz::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 10px 10px #374151;
border: solid 3px transparent;
border-radius: 15px;
}
.why-classquiz::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 10px 10px #555;
border: solid 3px transparent;
}
+24
View File
@@ -140,6 +140,30 @@
content="ClassQuiz is a quiz-application like KAHOOT!, but open-source. You can create quizzes and play them remotely with other people."
/>
<meta name="twitter:image" content={WebPOpenGraph} />
<style>
.why-classquiz::-webkit-scrollbar {
height: 0.8rem;
margin-bottom: 5rem;
}
.why-classquiz::-webkit-scrollbar-track {
box-shadow: inset 0 0 10px 10px transparent;
border: solid 3px transparent;
}
.why-classquiz::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 10px 10px #374151;
border: solid 3px transparent;
border-radius: 15px;
}
.why-classquiz::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 10px 10px #555;
border: solid 3px transparent;
}
</style>
</svelte:head>
<!--<div class="min-h-screen flex flex-col">