67 lines
1.8 KiB
CSS
67 lines
1.8 KiB
CSS
/* Shared by app.css and admin.css, imported right after tailwindcss */
|
|
@source "../../templates";
|
|
@source "../../src";
|
|
@source "../../assets";
|
|
@source inline("rotate-90");
|
|
|
|
@plugin "@tailwindcss/forms";
|
|
|
|
@theme {
|
|
--font-sans: Lato, sans-serif;
|
|
|
|
--color-primary: #3d8ccb;
|
|
--color-secondary: #f9c700;
|
|
--color-primary-bg: #ebf3fa;
|
|
--color-primary-light: #0070e0;
|
|
--color-primary-medium: #165883;
|
|
--color-primary-dark: #18527b;
|
|
--color-pink: #fa1a8c;
|
|
|
|
--color-sbw-primary: #B3820F;
|
|
--color-sbw-secondary: #E91C26;
|
|
--color-sbw-primary-dark: #8D7207;
|
|
--color-sbw-overlay: #c20000;
|
|
|
|
--color-snz-primary: #82c3c6;
|
|
--color-snz-secondary: #f9c33d;
|
|
--color-snz-primary-dark: #82c3c6;
|
|
|
|
--color-ser-primary: #006fb6;
|
|
--color-ser-secondary: #DE2C1B;
|
|
--color-ser-primary-light: #04A4CC;
|
|
|
|
--background-image-badge-gradient: linear-gradient(120deg, rgba(150,1,103,1) 0%, rgba(158,3,106,1) 40%, rgba(250,26,140,1) 100%);
|
|
--background-image-brand-gradient: linear-gradient(to top right, #009fff, #165883, #18527b);
|
|
}
|
|
|
|
/*
|
|
* Tailwind 3 defaults that Tailwind 4 changed: borders were gray-200 instead of currentColor,
|
|
* and buttons had a pointer cursor.
|
|
*/
|
|
@layer base {
|
|
*,
|
|
::after,
|
|
::before,
|
|
::backdrop,
|
|
::file-selector-button {
|
|
border-color: var(--color-gray-200, currentcolor);
|
|
}
|
|
|
|
button:not(:disabled),
|
|
[role="button"]:not(:disabled) {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
/*
|
|
* Thin scrollbars without a track for inner scrolling areas. The page scrollbar takes its
|
|
* style from <html>, which body * leaves out. Firefox and Chrome/Edge 121+ honour these;
|
|
* Safari keeps its own overlay scrollbars.
|
|
*/
|
|
@layer base {
|
|
body * {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--color-gray-300) transparent;
|
|
}
|
|
}
|