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)};
`
},
active: p => `
color: ${darken(
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,
)};
`,
active: p => {
const c = p.outlineColor
? p.theme.colors[p.outlineColor] || p.outlineColor
: p.theme.colors.wallet
return `
background: ${rgba(c, 0.15)};
color: ${darken(
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: {
default: p => `

Loading…
Cancel
Save