@react-leaf/core/styles/index.css

React Leaf Core components

:root{--font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.25rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--color-gray-0: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-gray-950: #030712;--color-gray-none: #ffffff00;--color-blue-0: #ffffff;--color-blue-50: #ecf0ff;--color-blue-100: #d5ddfc;--color-blue-200: #a9b8f2;--color-blue-300: #7b91e8;--color-blue-400: #546fe1;--color-blue-500: #3b5adc;--color-blue-600: #2d50db;--color-blue-700: #1f41c3;--color-blue-800: #163aaf;--color-blue-900: #06319b;--color-blue-none: #ffffff00;--color-red-0: #ffffff;--color-red-50: #ffeaec;--color-red-100: #fdd4d7;--color-red-200: #f4a7ad;--color-red-300: #ec787f;--color-red-400: #e55058;--color-red-500: #e13641;--color-red-600: #e12833;--color-red-700: #c81a26;--color-red-800: #b21221;--color-red-900: #9d041a;--color-red-none: #ffffff00;--color-green-0: #ffffff;--color-green-50: #eafbec;--color-green-100: #daf2dd;--color-green-200: #b7e2ba;--color-green-300: #91d396;--color-green-400: #70c577;--color-green-500: #5bbd63;--color-green-600: #50b858;--color-green-700: #3fa248;--color-green-800: #35913e;--color-green-900: #277d32;--color-green-none: #ffffff00}html,body{height:100%}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:normal;color:var(--color-gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}input,button,textarea,select{font:inherit;outline:none}button,select{text-transform:none}.leaf-button-root{--button-height-sm: 2.25rem;--button-height-md: 2.75rem;--button-height-lg: 3.125rem;--button-radius: .5rem;height:var(--button-height);font-size:var(--button-font);background-color:var(--button-background);color:var(--button-color);border-color:var(--button-border);border-radius:var(--button-radius);padding-inline:var(--button-spacing);gap:calc(var(--button-spacing) / 1.5);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;line-height:1;border-width:1px;border-style:solid;position:relative;display:inline-flex;align-items:center;justify-content:center;transition-property:background-color;transition-duration:.15s}.leaf-button-root:hover{background-color:var(--button-hover)}.leaf-button-root:active{background-color:var(--button-active)}.leaf-button-root:disabled{pointer-events:none;border-color:transparent;background-color:var(--color-gray-100);color:var(--color-gray-400)}.leaf-button-root svg{font-size:calc(var(--button-font) * 1.25)}.leaf-button-root[data-left],.leaf-button-root[data-empty]{padding-left:calc(var(--button-spacing) / 1.5)}.leaf-button-root[data-right],.leaf-button-root[data-empty]{padding-right:calc(var(--button-spacing) / 1.5)}