UNPKG

@lunalytics/ui

Version:

React based component library created to be used in Lunalytics

2 lines (1 loc) 6.83 kB
:root{--lunaui-text-color: #f3f6fb;--lunaui-text-dark-font: #1a0c09;--lunaui-text-light-font: #9fa9af;--lunaui-primary-50: var(--lunaui-green-50);--lunaui-primary-100: var(--lunaui-green-100);--lunaui-primary-200: var(--lunaui-green-200);--lunaui-primary-300: var(--lunaui-green-300);--lunaui-primary-400: var(--lunaui-green-400);--lunaui-primary-500: var(--lunaui-green-500);--lunaui-primary-600: var(--lunaui-green-600);--lunaui-primary-700: var(--lunaui-green-700);--lunaui-primary-800: var(--lunaui-green-800);--lunaui-primary-900: var(--lunaui-green-900)}[data-color=Blue]{--lunaui-primary-50: var(--lunaui-blue-50);--lunaui-primary-100: var(--lunaui-blue-100);--lunaui-primary-200: var(--lunaui-blue-200);--lunaui-primary-300: var(--lunaui-blue-300);--lunaui-primary-400: var(--lunaui-blue-400);--lunaui-primary-500: var(--lunaui-blue-500);--lunaui-primary-600: var(--lunaui-blue-600);--lunaui-primary-700: var(--lunaui-blue-700);--lunaui-primary-800: var(--lunaui-blue-800);--lunaui-primary-900: var(--lunaui-blue-900)}[data-color=Purple]{--lunaui-primary-50: var(--lunaui-purple-50);--lunaui-primary-100: var(--lunaui-purple-100);--lunaui-primary-200: var(--lunaui-purple-200);--lunaui-primary-300: var(--lunaui-purple-300);--lunaui-primary-400: var(--lunaui-purple-400);--lunaui-primary-500: var(--lunaui-purple-500);--lunaui-primary-600: var(--lunaui-purple-600);--lunaui-primary-700: var(--lunaui-purple-700);--lunaui-primary-800: var(--lunaui-purple-800);--lunaui-primary-900: var(--lunaui-purple-900)}[data-color=Green]{--lunaui-primary-50: var(--lunaui-green-50);--lunaui-primary-100: var(--lunaui-green-100);--lunaui-primary-200: var(--lunaui-green-200);--lunaui-primary-300: var(--lunaui-green-300);--lunaui-primary-400: var(--lunaui-green-400);--lunaui-primary-500: var(--lunaui-green-500);--lunaui-primary-600: var(--lunaui-green-600);--lunaui-primary-700: var(--lunaui-green-700);--lunaui-primary-800: var(--lunaui-green-800);--lunaui-primary-900: var(--lunaui-green-900)}[data-color=Yellow]{--lunaui-primary-50: var(--lunaui-yellow-50);--lunaui-primary-100: var(--lunaui-yellow-100);--lunaui-primary-200: var(--lunaui-yellow-200);--lunaui-primary-300: var(--lunaui-yellow-300);--lunaui-primary-400: var(--lunaui-yellow-400);--lunaui-primary-500: var(--lunaui-yellow-500);--lunaui-primary-600: var(--lunaui-yellow-600);--lunaui-primary-700: var(--lunaui-yellow-700);--lunaui-primary-800: var(--lunaui-yellow-800);--lunaui-primary-900: var(--lunaui-yellow-900)}[data-color=Red]{--lunaui-primary-50: var(--lunaui-red-50);--lunaui-primary-100: var(--lunaui-red-100);--lunaui-primary-200: var(--lunaui-red-200);--lunaui-primary-300: var(--lunaui-red-300);--lunaui-primary-400: var(--lunaui-red-400);--lunaui-primary-500: var(--lunaui-red-500);--lunaui-primary-600: var(--lunaui-red-600);--lunaui-primary-700: var(--lunaui-red-700);--lunaui-primary-800: var(--lunaui-red-800);--lunaui-primary-900: var(--lunaui-red-900)}[data-color=Cyan]{--lunaui-primary-50: var(--lunaui-cyan-50);--lunaui-primary-100: var(--lunaui-cyan-100);--lunaui-primary-200: var(--lunaui-cyan-200);--lunaui-primary-300: var(--lunaui-cyan-300);--lunaui-primary-400: var(--lunaui-cyan-400);--lunaui-primary-500: var(--lunaui-cyan-500);--lunaui-primary-600: var(--lunaui-cyan-600);--lunaui-primary-700: var(--lunaui-cyan-700);--lunaui-primary-800: var(--lunaui-cyan-800);--lunaui-primary-900: var(--lunaui-cyan-900)}[data-color=Pink]{--lunaui-primary-50: var(--lunaui-pink-50);--lunaui-primary-100: var(--lunaui-pink-100);--lunaui-primary-200: var(--lunaui-pink-200);--lunaui-primary-300: var(--lunaui-pink-300);--lunaui-primary-400: var(--lunaui-pink-400);--lunaui-primary-500: var(--lunaui-pink-500);--lunaui-primary-600: var(--lunaui-pink-600);--lunaui-primary-700: var(--lunaui-pink-700);--lunaui-primary-800: var(--lunaui-pink-800);--lunaui-primary-900: var(--lunaui-pink-900)}@media (prefers-color-scheme: dark){:root{--lunaui-text-color: #f3f6fb;--lunaui-text-dark-font: #1a0c09;--lunaui-text-light-font: #9fa9af;--lunaui-accent-50: var(--lunaui-gray-50);--lunaui-accent-100: var(--lunaui-gray-100);--lunaui-accent-200: var(--lunaui-gray-200);--lunaui-accent-300: var(--lunaui-gray-300);--lunaui-accent-400: var(--lunaui-gray-400);--lunaui-accent-500: var(--lunaui-gray-500);--lunaui-accent-600: var(--lunaui-gray-600);--lunaui-accent-700: var(--lunaui-gray-700);--lunaui-accent-800: var(--lunaui-gray-800);--lunaui-accent-900: var(--lunaui-gray-900)}}@media (prefers-color-scheme: light){:root{--lunaui-text-color: #0c0c0c;--lunaui-text-dark-font: #f3f6fb;--lunaui-text-light-font: #4c5155;--lunaui-accent-50: var(--lunaui-white-900);--lunaui-accent-100: var(--lunaui-white-800);--lunaui-accent-200: var(--lunaui-white-700);--lunaui-accent-300: var(--lunaui-white-600);--lunaui-accent-400: var(--lunaui-white-500);--lunaui-accent-500: var(--lunaui-white-400);--lunaui-accent-600: var(--lunaui-white-300);--lunaui-accent-700: var(--lunaui-white-200);--lunaui-accent-800: var(--lunaui-white-100);--lunaui-accent-900: var(--lunaui-white-50)}}[data-theme=dark]{--lunaui-text-color: #f3f6fb;--lunaui-text-dark-font: #1a0c09;--lunaui-text-light-font: #9fa9af;--lunaui-accent-50: var(--lunaui-gray-50);--lunaui-accent-100: var(--lunaui-gray-100);--lunaui-accent-200: var(--lunaui-gray-200);--lunaui-accent-300: var(--lunaui-gray-300);--lunaui-accent-400: var(--lunaui-gray-400);--lunaui-accent-500: var(--lunaui-gray-500);--lunaui-accent-600: var(--lunaui-gray-600);--lunaui-accent-700: var(--lunaui-gray-700);--lunaui-accent-800: var(--lunaui-gray-800);--lunaui-accent-900: var(--lunaui-gray-900)}[data-theme=light]{--lunaui-text-color: #0c0c0c;--lunaui-text-dark-font: #f3f6fb;--lunaui-text-light-font: #4c5155;--lunaui-accent-50: var(--lunaui-white-900);--lunaui-accent-100: var(--lunaui-white-800);--lunaui-accent-200: var(--lunaui-white-700);--lunaui-accent-300: var(--lunaui-white-600);--lunaui-accent-400: var(--lunaui-white-500);--lunaui-accent-500: var(--lunaui-white-400);--lunaui-accent-600: var(--lunaui-white-300);--lunaui-accent-700: var(--lunaui-white-200);--lunaui-accent-800: var(--lunaui-white-100);--lunaui-accent-900: var(--lunaui-white-50)}.luna-title{display:block;font-size:var(--lunaui-size-md);font-weight:var(--lunaui-weight-semibold);color:var(--lunaui-text-color);margin:.75rem 0 .25rem .25rem}.luna-error{color:var(--lunaui-red-700);font-size:var(--lunaui-size-sm);margin:.25rem;display:block}.luna-error-general{color:var(--lunaui-red-700);font-size:var(--lunaui-size-md);margin:.25rem;display:block;text-align:center}.luna-desc{font-size:var(--lunaui-size-sm);margin:.5rem 0 0 .25rem;color:var(--lunaui-text-light-font)}.luna-short-desc{font-size:var(--lunaui-size-xs);margin:.5rem 0 0 .25rem;color:var(--lunaui-text-light-font);margin-top:-pxToRem(4)}.luna-required{color:var(--lunaui-red-600);margin:0 0 0 .1875rem}