@gssfed/vital-ui-kit-react
Version:
Vital UI Kit for React!
55 lines (47 loc) • 1.47 kB
JavaScript
// color palette
export var primary100 = '#D9ECFF';
export var primary200 = '#A6D2FF';
export var primary300 = '#73B9FE';
export var primary400 = '#419FFE';
export var primary500 = '#0E86FE';
export var primary600 = '#016DD8';
export var primary700 = '#0153A5';
export var primary800 = '#003A73';
export var primary900 = '#002040';
export var secondary100 = '#F7F9FE';
export var secondary200 = '#EEF2FC';
export var secondary300 = '#D8E3F6';
export var secondary400 = '#C4D2EB';
export var secondary500 = '#95ACD4';
export var secondary600 = '#7189B6';
export var secondary700 = '#456297';
export var secondary800 = '#2A487F';
export var secondary900 = '#1E3768';
export var grey100 = '#F8F8F8';
export var grey200 = '#F0F0F0';
export var grey300 = '#dddddd';
export var grey400 = '#cccccc';
export var grey500 = '#aaaaaa';
export var grey600 = '#888888';
export var grey700 = '#555555';
export var grey800 = '#333333';
export var grey900 = '#0D0D0D';
// default color
export var white = '#ffffff';
export var primary = primary500;
export var secondary = secondary500;
export var info = '#00C3FF';
export var success = '#2BCD86';
export var alarm = '#EB5000';
export var warning = '#FFB400';
export var defaultTransition = 'all 120ms ease-out';
// ----- break point ----- //
export var bp = {
desktop: '1440px',
padLand: '1024px',
padMiddle: ' 800px',
padPortrait: ' 768px',
phoneLand: ' 667px',
phoneMiddle: ' 480px',
phonePortrait: ' 320px'
};