new-personal-site/styles/globals.css
Benjamin Toby aceddf5146 Updates
2025-07-22 11:58:03 +01:00

77 lines
1.5 KiB
CSS

@import "../components/lib/base.css";
:root {
--header-height: 78px;
}
@theme inline {
--color-primary: #02030f;
}
.twui-button-general:not(.twui-breadcrumbs-back-button) {
@apply rounded-none bg-white text-black;
}
.twui-button-general:hover {
@apply !text-white !bg-white/10 outline-white/10;
}
.twui-button-primary-outlined {
@apply !text-white !border-white/50 !outline-white/50 bg-transparent;
}
.twui-button-primary-outlined:hover {
@apply !text-white/70 !border-white/20 !outline-white/20;
@apply !bg-transparent;
}
.twui-section {
@apply items-start py-20;
}
.twui-span,
.twui-paragraph {
@apply dark:text-white/70 leading-relaxed;
}
.twui-span a,
.twui-paragraph a {
@apply text-blue-400 hover:underline;
}
.twui-card {
@apply rounded-none !bg-transparent md:p-10 p-4;
}
.twui-anchor {
@apply !text-blue-500 !border-blue-500/50 hover:!border-transparent;
}
.twui-h1 {
@apply text-[30px] md:text-[40px] lg:text-[44px];
}
.twui-button-primary-ghost {
@apply bg-transparent text-white;
}
.twui-card-link {
@apply p-0 w-full border-none;
}
.twui-a {
@apply !text-foreground-light/70 dark:!text-foreground-dark/70 border-none hover:dark:!text-white hover:opacity-100;
}
.twui-a.active {
@apply !text-foreground-light dark:!text-foreground-dark font-bold;
}
.dotted-text {
@apply border-0 border-b-2 border-dotted border-foreground-light/20 dark:!border-foreground-dark/20 pb-[2px];
}
.dotted-text:hover {
text-decoration: none !important;
}