83 lines
1.6 KiB
CSS
83 lines
1.6 KiB
CSS
@import 'tailwindcss';
|
|
@import '@nuxt/ui';
|
|
|
|
body {
|
|
font-family: "Inter", sans-serif;
|
|
}
|
|
|
|
li {
|
|
margin-left: 20px
|
|
}
|
|
|
|
.inter {
|
|
font-family: "Inter", sans-serif;
|
|
}
|
|
|
|
.container {
|
|
max-width: 2100px;
|
|
}
|
|
|
|
@theme {
|
|
--main-light: #FFFEFB;
|
|
--second-light: #F8FAFC;
|
|
--main-dark: #1A1A1A;
|
|
--black: #1A1A1A;
|
|
|
|
/* gray */
|
|
--gray: #E5E7EB;
|
|
--gray-dark: #6B7280;
|
|
|
|
/* borders */
|
|
--border-light: #E2E8F0;
|
|
--border-dark: #334155;
|
|
|
|
/* text */
|
|
--accent-blue-dark: #0EA5E91A;
|
|
--accent-blue-light: #E0F2FE;
|
|
--text-dark: #FFFEFB;
|
|
--text-sky-light: #0284C7;
|
|
--text-sky-dark: #38BDF8;
|
|
|
|
/* placeholder */
|
|
--placeholder: #8C8C8A;
|
|
|
|
--ui-bg: var(--main-light);
|
|
--ui-border-accented: var(--border-light);
|
|
--ui-border: var(--border-light);
|
|
--ui-color-neutral-700: var(--black);
|
|
--ui-primary: var(--accent-blue-light)
|
|
}
|
|
|
|
.dark {
|
|
--ui-bg: var(--black);
|
|
--ui-secondary: var(--accent-green-dark);
|
|
--ui-border-accented: var(--border-dark);
|
|
--ui-text-dimmed: var(--gray-dark);
|
|
--ui-border: var(--border-dark);
|
|
--ui-bg-elevated: var(--color-gray-500);
|
|
--ui-error: var(--dark-red);
|
|
--border: var(--border-dark);
|
|
--tw-border-style: var(--border-dark);
|
|
--ui-text-inverted: #fff;
|
|
--ui-primary: var(--accent-blue-dark)
|
|
}
|
|
|
|
.label-form {
|
|
@apply text-(--gray) dark:text-(--gray-dark) pl-0 md:pl-6 leading-none;
|
|
}
|
|
|
|
.title {
|
|
@apply font-medium text-[19px] sm:text-xl md:text-[22px] leading-none text-(--black) dark:text-(--main-light);
|
|
}
|
|
|
|
.column-title {
|
|
@apply md:ml-[25px] mb-[25px] sm:mb-[30px];
|
|
}
|
|
|
|
.form-title {
|
|
@apply text-(--accent-green) dark:text-(--accent-green-dark) font-medium;
|
|
}
|
|
|
|
.blue-button {
|
|
@apply bg-info! text-white!
|
|
} |