111 lines
1.9 KiB
SCSS
111 lines
1.9 KiB
SCSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
// Fonts
|
|
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
|
|
|
|
//Globals
|
|
|
|
body {
|
|
@apply bg-black m-0 select-none overscroll-none overflow-hidden;
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
|
|
// Disable selection, might wanna comment when debugging
|
|
-webkit-user-select: none; /* Safari */
|
|
-ms-user-select: none; /* IE 10 and IE 11 */
|
|
user-select: none; /* Standard syntax */
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
button,
|
|
a {
|
|
@apply font-default text-gray-200 font-medium m-0;
|
|
}
|
|
|
|
p,
|
|
span,
|
|
li,
|
|
label {
|
|
@apply font-default text-gray-200;
|
|
}
|
|
|
|
button,
|
|
a {
|
|
@apply font-medium drop-shadow-20;
|
|
}
|
|
|
|
button,
|
|
input {
|
|
@apply border-none bg-transparent;
|
|
|
|
&[type='number'] {
|
|
-webkit-appearance: textfield;
|
|
-moz-appearance: textfield;
|
|
appearance: textfield;
|
|
}
|
|
&[type='number']::-webkit-inner-spin-button,
|
|
&[type='number']::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
}
|
|
|
|
.input-field {
|
|
@apply px-4 py-3 text-base focus-visible:outline-none bg-gray border border-solid border-gray-500 rounded text-gray-300;
|
|
&.inactive {
|
|
@apply bg-gray-600/50 hover:cursor-not-allowed;
|
|
&::placeholder {
|
|
@apply text-gray-300/50;
|
|
}
|
|
}
|
|
}
|
|
|
|
.form-field-full {
|
|
@apply w-full flex flex-col mb-5;
|
|
label {
|
|
@apply mb-1.5 font-titles;
|
|
}
|
|
}
|
|
.form-field-half {
|
|
@apply w-[calc(50%_-_5px)] flex flex-col mb-5;
|
|
label {
|
|
@apply mb-1.5 font-titles;
|
|
}
|
|
}
|
|
|
|
button {
|
|
@apply text-center;
|
|
|
|
&.btn-cyan {
|
|
@apply bg-cyan text-gray-50 text-base rounded py-3;
|
|
|
|
&.active,
|
|
&:hover {
|
|
@apply bg-cyan-800;
|
|
}
|
|
}
|
|
|
|
&.btn-red {
|
|
@apply bg-red text-gray-50;
|
|
|
|
&.active,
|
|
&:hover {
|
|
@apply bg-red-300;
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
@apply cursor-pointer;
|
|
}
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
@apply hidden;
|
|
}
|