mirror of
https://github.com/gethomepage/homepage.git
synced 2025-12-07 09:35:54 -08:00
101 lines
1.9 KiB
CSS
101 lines
1.9 KiB
CSS
@import 'tailwindcss';
|
|
|
|
@config '../../tailwind.config.js';
|
|
|
|
@theme {
|
|
--breakpoint-3xl: 112rem;
|
|
}
|
|
|
|
/*
|
|
The default border color has changed to `currentColor` in Tailwind CSS v4,
|
|
so we've added these compatibility styles to make sure everything still
|
|
looks the same as it did with Tailwind CSS v3.
|
|
|
|
If we ever want to remove these styles, we need to add an explicit border
|
|
color utility to any element that depends on these defaults.
|
|
*/
|
|
@layer base {
|
|
*,
|
|
::after,
|
|
::before,
|
|
::backdrop,
|
|
::file-selector-button {
|
|
border-color: var(--color-gray-200, currentColor);
|
|
}
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#__next {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: rgb(var(--bg-color));
|
|
}
|
|
|
|
#background {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 0;
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-attachment: scroll;
|
|
pointer-events: none;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
font-family: Manrope, "Manrope-Fallback", Arial, sans-serif;
|
|
height: 100%;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
letter-spacing: 0.1px;
|
|
scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
|
|
}
|
|
|
|
#page_wrapper {
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.light {
|
|
--bg-color: var(--color-50);
|
|
--scrollbar-thumb: rgb(var(--color-300));
|
|
--scrollbar-track: rgb(var(--color-200));
|
|
}
|
|
|
|
.dark {
|
|
--bg-color: var(--color-800);
|
|
--scrollbar-thumb: rgb(var(--color-600));
|
|
--scrollbar-track: rgb(var(--color-700));
|
|
}
|
|
|
|
dialog ::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background-color: var(--scrollbar-track);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-thumb);
|
|
border-radius: 0.25em;
|
|
}
|
|
|
|
::-webkit-details-marker {
|
|
display: none;
|
|
}
|
|
|
|
.chart + .chart {
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.service-container + .chart {
|
|
margin-top: 2.5rem;
|
|
margin-bottom: .5rem;
|
|
}
|