@readr-media/react-feedback
Version:
## Installation `yarn install`
143 lines (142 loc) • 3.09 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
const mediaSize = {
xs: 0,
sm: 576,
md: 768,
lg: 992,
xl: 1200,
xxl: 1440,
'3xl': 1600,
'4xl': 1920
};
const themes = {
// 確診查詢器
covid19: {
breakpoint: {
mobile: `(min-width: ${mediaSize.xs}px)`,
tablet: `(min-width: ${mediaSize.md}px)`,
desktop: `(min-width: ${mediaSize.xl}px)`
},
thumbField: {
title: {
color: '#000000',
lineHeight: '27px',
fontWeight: 400,
mobile: {
fontSize: '18px'
},
tablet: {
fontSize: '18px'
}
},
label: {
color: '#000000',
lineHeight: '27px',
fontWeight: 400,
mobile: {
fontSize: '18px'
},
tablet: {
fontSize: '18px'
}
},
thumb: {
default: {
color: '#E0E0E0',
borderColor: '#E0E0E0',
backgrounColor: 'rgba(0, 0, 0, 0)'
},
hover: {
color: '#E0E0E0',
borderColor: '#000928',
backgrounColor: 'rgba(0, 0, 0, 0)'
},
active: {
color: '#04295E',
borderColor: '#000928',
backgrounColor: '#EDEFF2'
}
},
statistic: {
color: 'rgba(0, 9, 40, 30%)',
fontWeight: 400,
mobile: {
fontSize: '16px',
lineHeight: '24px'
},
tablet: {
fontSize: '16px',
lineHeight: '24px'
}
}
}
},
// 關係資料庫 | 政見追蹤平台
'politics-tracker': {
breakpoint: {
mobile: `(min-width: ${mediaSize.xs}px)`,
tablet: `(min-width: ${mediaSize.md}px)`,
desktop: `(min-width: ${mediaSize.xl}px)`
},
thumbField: {
title: {
color: '#0F2D35',
lineHeight: '1.3',
fontWeight: 700,
mobile: {
fontSize: '16px'
},
tablet: {
fontSize: '18px'
}
},
label: {
color: 'rgba(0, 9, 40, 0.87);',
lineHeight: '1.5',
fontWeight: 500,
mobile: {
fontSize: '14px'
},
tablet: {
fontSize: '16px'
}
},
thumb: {
default: {
color: 'rgba(15, 45, 53, 0.3)',
borderColor: 'rgba(15, 45, 53, 0.1)',
backgrounColor: '#FFFFFF'
},
hover: {
color: 'rgba(15, 45, 53, 0.3)',
borderColor: '#B3800D',
backgrounColor: '#FFFFFF'
},
active: {
color: '#B3800D',
borderColor: 'rgba(15, 45, 53, 0.1)',
backgrounColor: '#FFFFFF'
}
},
statistic: {
color: 'rgba(15, 45, 53, 0.3)',
fontWeight: 500,
lineHeight: '24px',
mobile: {
fontSize: '12px',
lineHeight: '14px'
},
tablet: {
fontSize: '14px',
lineHeight: '16px'
}
}
}
}
};
var _default = themes;
exports.default = _default;