Save

SCSS/base.scss

@@ -0,0 +1,92 @@
+body {
+	color: var(--text-color);
+	background-color: var(--background);
+}
+
+.background {
+	background-color: var(--background);
+}
+
+details > summary::-webkit-details-marker {
+	color: var(--text-color)
+}
+
+:focus-visible {
+	outline: none
+}
+
+*, ::after, ::before {
+	scrollbar-color: inherit;
+	scrollbar-width: inherit;
+}
+
+::-webkit-scrollbar {
+	width: 8px;
+}
+
+::-webkit-scrollbar-button {
+	width: 8px;
+	height: 5px;
+}
+
+::-webkit-scrollbar-track {
+	background: transparent;
+	border: thin solid transparent;
+	box-shadow: none;
+	border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+	background: var(--primary-color-dark);
+	border: thin solid transparent;
+	border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+	background: var(--primary-color-dark);
+}
+
+::-moz-selection { /* Code for Firefox */
+	color: var(--primary-color);
+	background: var(--primary-color-dark);
+}
+
+::selection {
+	color: var(--primary-color);
+	background: var(--primary-color-dark);
+}
+
+.flex.flex-col-reverse>div:first-child {
+	margin-top: 1rem;
+}
+
+.loadAnimation span {
+	animation-name: blink;
+	animation-duration: 1.4s;
+	animation-iteration-count: infinite;
+	animation-fill-mode: both;
+}
+
+.loadAnimation span:nth-child(1) {
+	animation-delay: .4s;
+}
+
+.loadAnimation span:nth-child(2) {
+	animation-delay: .3s;
+}
+
+.loadAnimation span:nth-child(3) {
+	animation-delay: .2s;
+}
+
+.loadAnimation span:nth-child(4) {
+	animation-delay: .2s;
+}
+
+.loadAnimation span:nth-child(5) {
+	animation-delay: .3s;
+}
+
+.loadAnimation span:nth-child(6) {
+	animation-delay: .4s;
+}