Browse Source

Fix outline button active style

master
meriadec 7 years ago
parent
commit
9bb448a3b0
No known key found for this signature in database GPG Key ID: 1D2FC2305E2CB399
  1. 26
      src/components/base/Button/index.js

26
src/components/base/Button/index.js

@ -93,16 +93,22 @@ const buttonStyles: { [_: string]: Style } = {
background: ${rgba(c, 0.1)}; background: ${rgba(c, 0.1)};
` `
}, },
active: p => ` active: p => {
color: ${darken( const c = p.outlineColor
p.outlineColor ? p.theme.colors[p.outlineColor] || p.outlineColor : p.theme.colors.wallet, ? p.theme.colors[p.outlineColor] || p.outlineColor
0.1, : p.theme.colors.wallet
)}; return `
border-color: ${darken( background: ${rgba(c, 0.15)};
p.outlineColor ? p.theme.colors[p.outlineColor] || p.outlineColor : p.theme.colors.wallet, color: ${darken(
0.1, p.outlineColor ? p.theme.colors[p.outlineColor] || p.outlineColor : p.theme.colors.wallet,
)}; 0.1,
`, )};
border-color: ${darken(
p.outlineColor ? p.theme.colors[p.outlineColor] || p.outlineColor : p.theme.colors.wallet,
0.1,
)};
`
},
}, },
outlineGrey: { outlineGrey: {
default: p => ` default: p => `

Loading…
Cancel
Save