mf-styling
Version:
css as used for mf apps
44 lines (43 loc) • 1.31 kB
CSS
:root {
--color-accent-50: #f0fdfa;
--color-accent-100: #ccfbf1;
--color-accent-200: #99f6e4;
--color-accent-300: #5eead4;
--color-accent-400: #2dd4bf;
--color-accent-500: #14b8a6;
--color-accent-600: #0d9488;
--color-accent-700: #0f766e;
--color-accent-800: #115e59;
--color-accent-900: #134e4a;
--color-warn-50: #fff1f2;
--color-warn-100: #ffe4e6;
--color-warn-200: #fecdd3;
--color-warn-300: #fda4af;
--color-warn-400: #fb7185;
--color-warn-500: #f43f5e;
--color-warn-600: #e11d48;
--color-warn-700: #be123c;
--color-warn-800: #9f1239;
--color-warn-900: #881337;
--color-warn-50-80: #fff1f280;
--color-warn-100-80: #ffe4e680;
--color-warn-300-80: #fda4af80;
--color-warn-200-80: #fecdd380;
--color-warn-400-80: #fb718580;
--color-warn-500-80: #f43f5e80;
--color-neutral-50: #fafafa;
--color-neutral-100: #f4f4f5;
--color-neutral-200: #e4e4e7;
--color-neutral-300: #d4d4d8;
--color-neutral-400: #a1a1aa;
--color-neutral-500: #71717a;
--color-neutral-600: #52525b;
--color-neutral-700: #3f3f46;
--color-neutral-800: #27272a;
--color-neutral-900: #18181b;
--color-neutral-900-10: #18181b10;
--color-neutral-900-14: #18181b14;
--color-neutral-900-20: #18181b20;
--color-neutral-900-40: #18181b40;
--color-neutral-900-80: #18181b80;
}