@react95/core
Version:
Windows 95 styleguide
58 lines • 1.83 kB
CSS
:root {
--r95-zIndex-modal: 2;
--r95-zIndex-tooltip: 3;
--r95-zIndex-taskbar: 3;
--r95-space-0: 0px;
--r95-space-1: 1px;
--r95-space-2: 2px;
--r95-space-3: 3px;
--r95-space-4: 4px;
--r95-space-5: 5px;
--r95-space-6: 6px;
--r95-space-7: 7px;
--r95-space-8: 8px;
--r95-space-9: 9px;
--r95-space-10: 10px;
--r95-space-11: 11px;
--r95-space-12: 12px;
--r95-space-13: 13px;
--r95-space-14: 14px;
--r95-space-15: 15px;
--r95-space-16: 16px;
--r95-space-17: 17px;
--r95-space-18: 18px;
--r95-space-19: 19px;
--r95-space-20: 20px;
--r95-color-anchor: #1034a6;
--r95-color-anchorVisited: #440381;
--r95-color-borderDark: #7e0541;
--r95-color-borderDarkest: #000000;
--r95-color-borderLight: #ff308f;
--r95-color-borderLighter: #ff8dc1;
--r95-color-borderLightest: #fec0dc;
--r95-color-canvas: #000000;
--r95-color-canvasText: #F5CCE8;
--r95-color-headerBackground: #FF8CC6;
--r95-color-headerNotActiveBackground: #95818D;
--r95-color-headerNotActiveText: #ff0080;
--r95-color-headerText: #000000;
--r95-color-material: #ff0080;
--r95-color-materialText: #000000;
--r95-color-materialTextDisabled: #7e0541;
--r95-color-materialTextDisabledShadow: #ff7ebf;
--r95-color-materialTextInvert: #F1E4E8;
--r95-color-progress: #004FFF;
--r95-color-inputBackground: #fec0dc;
--r95-color-inputBackgroundDisabled: #ff308f;
--r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #fec0dc,
inset 0 0 0 1px #7e0541,
1px 0px 0 0px #000000,
0px 1px 0 0px #000000,
1px 1px 0 0px #000000;
--r95-shadow-in: inset 0px 0px 0px 0px,
inset 1px 1px 0px 0px #7e0541,
0.5px 0.5px 0px 0.5px #fec0dc;
--r95-shadow-input: inset -1px -1px 0 0 #ff0080,
inset 1px 1px 0 0 #000000,
0.5px 0.5px 0 0.5px #fec0dc;
}