leaky-ships/leaky-ships/src/styles/globals.scss
2023-09-07 17:38:07 +02:00

66 lines
1.2 KiB
SCSS

@tailwind base;
@tailwind components;
@tailwind utilities;
@import url("https://fonts.googleapis.com/css2?family=Farro:wght@300;400;500;700&display=swap");
@font-face {
font-family: "CP_Font";
src: url("/fonts/cpfont_ote/CP_Font.otf") format("opentype");
font-display: swap;
}
.pixelart {
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
}
.font-farro {
font-family: "Farro", sans-serif;
}
.font-checkpoint {
font-family: "CP_Font", sans-serif;
}
button {
cursor: none;
}
#toast-confirm {
button {
margin: 0 1rem;
padding: 0 1rem;
border: 2px solid gray;
border-radius: 0.5rem;
}
}
.inputStyle {
width: 3rem !important;
height: 3rem;
margin: 0 1rem;
font-size: 2rem;
border-radius: 4px;
border: 1px solid #b1b2b5cc;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
@media (pointer: fine) {
button {
cursor: pointer;
}
}