110 lines
1.6 KiB
TypeScript
110 lines
1.6 KiB
TypeScript
// note: opacity hex https://stackoverflow.com/a/8254129/6924883
|
|
// note: opacity amount https://tailwindcss.com/docs/opacity
|
|
export const opacity = {
|
|
100: {
|
|
hex: 'FF',
|
|
percentage: '100%',
|
|
decimal: 1,
|
|
},
|
|
95: {
|
|
hex: 'F2',
|
|
percentage: '95%',
|
|
decimal: 0.95,
|
|
},
|
|
90: {
|
|
hex: 'E5',
|
|
percentage: '90%',
|
|
decimal: 0.9,
|
|
},
|
|
85: {
|
|
hex: 'D8',
|
|
percentage: '85%',
|
|
decimal: 0.85,
|
|
},
|
|
80: {
|
|
hex: 'CC',
|
|
percentage: '80%',
|
|
decimal: 0.8,
|
|
},
|
|
75: {
|
|
hex: 'BF',
|
|
percentage: '75%',
|
|
decimal: 0.75,
|
|
},
|
|
70: {
|
|
hex: 'B2',
|
|
percentage: '70%',
|
|
decimal: 0.7,
|
|
},
|
|
65: {
|
|
hex: 'A5',
|
|
percentage: '65%',
|
|
decimal: 0.65,
|
|
},
|
|
60: {
|
|
hex: '99',
|
|
percentage: '60%',
|
|
decimal: 0.6,
|
|
},
|
|
55: {
|
|
hex: '8C',
|
|
percentage: '55%',
|
|
decimal: 0.55,
|
|
},
|
|
50: {
|
|
hex: '7F',
|
|
percentage: '50%',
|
|
decimal: 0.5,
|
|
},
|
|
45: {
|
|
hex: '72',
|
|
percentage: '45%',
|
|
decimal: 0.45,
|
|
},
|
|
40: {
|
|
hex: '66',
|
|
percentage: '40%',
|
|
decimal: 0.4,
|
|
},
|
|
35: {
|
|
hex: '59',
|
|
percentage: '35%',
|
|
decimal: 0.35,
|
|
},
|
|
30: {
|
|
hex: '4C',
|
|
percentage: '30%',
|
|
decimal: 0.3,
|
|
},
|
|
25: {
|
|
hex: '3F',
|
|
percentage: '25%',
|
|
decimal: 0.25,
|
|
},
|
|
20: {
|
|
hex: '33',
|
|
percentage: '20%',
|
|
decimal: 0.2,
|
|
},
|
|
15: {
|
|
hex: '26',
|
|
percentage: '15%',
|
|
decimal: 0.15,
|
|
},
|
|
10: {
|
|
hex: '19',
|
|
percentage: '10%',
|
|
decimal: 0.1,
|
|
},
|
|
5: {
|
|
hex: '0C',
|
|
percentage: '5%',
|
|
decimal: 0.05,
|
|
},
|
|
0: {
|
|
hex: '00',
|
|
percentage: '0%',
|
|
decimal: 0,
|
|
},
|
|
}
|