How to use polished

index.js

GitHub: orangemio/panda-interface

48
49
50
51
52
53
54
55
56
57
}, function (_a) {
    var theme = _a.theme;
    return theme.white;
}, function (_a) {
    var theme = _a.theme;
    return polished_1.darken(0.1, theme.red1);
});
var Web3StatusConnect = styled_components_1["default"](Web3StatusGeneric)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: ", ";\n  border: none;\n  color: ", ";\n  font-weight: 500;\n\n  :hover,\n  :focus {\n    border: 1px solid ", ";\n    color: ", ";\n  }\n\n  ", "\n"], ["\n  background-color: ", ";\n  border: none;\n  color: ", ";\n  font-weight: 500;\n\n  :hover,\n  :focus {\n    border: 1px solid ", ";\n    color: ", ";\n  }\n\n  ",
    "\n"])), function (_a) {
    var theme = _a.theme;

1

0

1

See more examples

RefIndicator.js

GitHub: jschuler/pf-storybook

61
62
63
64
65
66
67
68
69
70
outline: 'none',
border: '1px solid transparent',
borderRadius: '100%',
cursor: 'pointer',
color: theme.base === 'light'
    ? polished_1.transparentize(0.3, theme.color.defaultText)
    : polished_1.transparentize(0.6, theme.color.defaultText),
'&:hover': {
    color: theme.barSelectedColor,
},

1

0

1

See more examples