mirror of
https://github.com/Drop-OSS/drop-app.git
synced 2026-01-30 19:15:17 +01:00
5ad005161f
* feat: depot api downloads * feat: frontend fixes and experimental webview store * feat: sync downloader * feat: cleanup and fixes * feat: encrypted database and fixed resuming * feat: launch option selector * fix: autostart when no options * fix: clippy * fix: clippy x2 * feat: executor launch * feat: executor launch * feat: not installed error handling * feat: better offline handling * feat: dependency popup * fix: cancelation and resuming issues * feat: dedup by platform * feat: new ui for additional components and fix dl manager clog * feat: auto-queue dependencies * feat: depot scanning and ranking * feat: new library fetching stack * In-app store page (Windows + macOS) (#176) * feat: async store loading * feat: fix overscroll behaviour * fix: query params in server protocol * fix: clippy
86 lines
1.9 KiB
SCSS
86 lines
1.9 KiB
SCSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
html,
|
|
body {
|
|
-ms-overflow-style: none; /* IE and Edge /
|
|
scrollbar-width: none; / Firefox */
|
|
overscroll-behavior: none;
|
|
}
|
|
|
|
/* Hide scrollbar for Chrome, Safari and Opera */
|
|
html::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
$motiva: (
|
|
("MotivaSansThin.ttf", "ttf", 100, normal),
|
|
("MotivaSansLight.woff.ttf", "woff", 300, normal),
|
|
("MotivaSansRegular.woff.ttf", "woff", 400, normal),
|
|
("MotivaSansMedium.woff.ttf", "woff", 500, normal),
|
|
("MotivaSansBold.woff.ttf", "woff", 600, normal),
|
|
("MotivaSansExtraBold.ttf", "woff", 700, normal),
|
|
("MotivaSansBlack.woff.ttf", "woff", 900, normal)
|
|
);
|
|
|
|
$helvetica: (
|
|
("Helvetica.woff", "woff", 400, normal),
|
|
("Helvetica-Oblique.woff", "woff", 400, italic),
|
|
("Helvetica-Bold.woff", "woff", 600, normal),
|
|
("Helvetica-BoldOblique.woff", "woff", 600, italic),
|
|
("helvetica-light-587ebe5a59211.woff2", "woff2", 300, normal)
|
|
);
|
|
|
|
@each $file, $format, $weight, $style in $motiva {
|
|
@font-face {
|
|
font-family: "Motiva Sans";
|
|
src: url("/fonts/motiva/#{$file}") format($format);
|
|
font-weight: $weight;
|
|
font-style: $style;
|
|
}
|
|
}
|
|
|
|
@each $file, $format, $weight, $style in $helvetica {
|
|
@font-face {
|
|
font-family: "Helvetica";
|
|
src: url("/fonts/helvetica/#{$file}") format($format);
|
|
font-weight: $weight;
|
|
font-style: $style;
|
|
}
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Inter";
|
|
src: url("/fonts/inter/InterVariable.ttf");
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Inter";
|
|
src: url("/fonts/inter/InterVariable-Italic.ttf");
|
|
font-style: italic;
|
|
}
|
|
|
|
/* ===== Scrollbar CSS ===== */
|
|
/* Firefox */
|
|
* {
|
|
scrollbar-width: 4px;
|
|
scrollbar-color: #52525b #00000000;
|
|
}
|
|
|
|
/* Chrome, Edge, and Safari */
|
|
*::-webkit-scrollbar {
|
|
width: 4px;
|
|
}
|
|
|
|
*::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
*::-webkit-scrollbar-thumb {
|
|
background-color: #52525b;
|
|
border-radius: 10px;
|
|
border: 3px solid #52525b;
|
|
}
|