This commit is contained in:
Jan Prochazka
2021-01-23 07:22:09 +01:00
parent 37cc86f8d2
commit 451af5d09f
141 changed files with 763 additions and 787 deletions

View File

@@ -6,33 +6,33 @@ import useTheme from '../theme/useTheme';
const ButtonDiv = styled.div`
background: linear-gradient(
to bottom,
${(props) => props.theme.inlinebtn_background} 5%,
${(props) => props.theme.inlinebtn_background3} 100%
${props => props.theme.inlinebtn_background} 5%,
${props => props.theme.inlinebtn_background3} 100%
);
background-color: ${(props) => props.theme.inlinebtn_background};
border: 1px solid ${(props) => props.theme.inlinebtn_background3};
background-color: ${props => props.theme.inlinebtn_background};
border: 1px solid ${props => props.theme.inlinebtn_background3};
display: inline-block;
cursor: pointer;
vertical-align: middle;
color: ${(props) => props.theme.inlinebtn_font1};;
color: ${props => props.theme.inlinebtn_font1};
font-size: 12px;
padding: 3px;
margin: 0;
text-decoration: none;
&:hover {
border: 1px solid ${(props) => props.theme.inlinebtn_font2};
border: 1px solid ${props => props.theme.inlinebtn_font2};
}
&:active:hover {
background: linear-gradient(
to bottom,
${(props) => props.theme.inlinebtn_background3} 5%,
${(props) => props.theme.inlinebtn_background} 100%
${props => props.theme.inlinebtn_background3} 5%,
${props => props.theme.inlinebtn_background} 100%
);
background-color: ${(props) => props.theme.inlinebtn_background3};
background-color: ${props => props.theme.inlinebtn_background3};
}
display: flex;
${(props) =>
${props =>
props.square &&
`
width: 18px;