initial commit. Cloned timetracker repository
This commit is contained in:
87
bo/src/assets/main.css
Normal file
87
bo/src/assets/main.css
Normal file
@@ -0,0 +1,87 @@
|
||||
@import 'tailwindcss';
|
||||
@import '@nuxt/ui';
|
||||
|
||||
body {
|
||||
font-family: "Inter", sans-serif;
|
||||
}
|
||||
|
||||
.inter {
|
||||
font-family: "Inter", sans-serif;
|
||||
}
|
||||
|
||||
.container{
|
||||
max-width: 2100px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
@theme {
|
||||
--main-light: #FFFEFB;
|
||||
--second-light: #F5F6FA;
|
||||
|
||||
--main-dark: #212121;
|
||||
--black: #1A1A1A;
|
||||
|
||||
/* gray */
|
||||
--gray: #6B6B6B;
|
||||
--gray-dark: #A3A3A3;
|
||||
|
||||
--accent-green: #004F3D;
|
||||
--accent-green-dark: #00A882;
|
||||
--accent-brown: #9A7F62;
|
||||
--accent-red: #B72D2D;
|
||||
--dark-red: #F94040;
|
||||
--accent-orange: #E68D2B;
|
||||
--accent-blue: #002B4F;
|
||||
|
||||
/* borders */
|
||||
--border-light: #E8E7E0;
|
||||
--border-dark: #3F3E3D;
|
||||
|
||||
/* text */
|
||||
--text-dark: #FFFEFB;
|
||||
|
||||
/* placeholder */
|
||||
--placeholder: #8C8C8A;
|
||||
|
||||
--ui-bg: var(--main-light);
|
||||
--ui-primary: var(--color-gray-300);
|
||||
--ui-secondary: var(--accent-green);
|
||||
--ui-border-accented: var(--border-light);
|
||||
--ui-text-dimmed: var(--gray);
|
||||
--ui-bg-elevated: var(--color-gray-300);
|
||||
--ui-border: var(--border-light);
|
||||
--ui-color-neutral-700: var(--black);
|
||||
--ui-error: var(--accent-red);
|
||||
--border: var(--border-light);
|
||||
--tw-border-style: var(--border-light);
|
||||
}
|
||||
|
||||
.dark {
|
||||
--ui-bg: var(--black);
|
||||
--ui-primary: var(--color-gray-500);
|
||||
--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);
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user