2020-02-24 14:08:51 +01:00
|
|
|
/*
|
|
|
|
*
|
|
|
|
*
|
|
|
|
* BackButton
|
|
|
|
*
|
|
|
|
*/
|
|
|
|
import styled from 'styled-components';
|
|
|
|
|
|
|
|
const BackButton = styled.button`
|
2020-04-07 18:34:38 +02:00
|
|
|
height: 5.9rem;
|
2020-02-24 14:08:51 +01:00
|
|
|
width: 6.5rem;
|
|
|
|
margin-right: 20px;
|
|
|
|
margin-left: -30px;
|
|
|
|
line-height: 6rem;
|
|
|
|
text-align: center;
|
|
|
|
color: #81848a;
|
|
|
|
border-right: 1px solid #f3f4f4;
|
|
|
|
&:before {
|
2020-04-02 18:27:18 +02:00
|
|
|
line-height: normal;
|
2020-02-24 14:08:51 +01:00
|
|
|
content: '\f053';
|
|
|
|
font-family: 'FontAwesome';
|
2020-03-23 16:24:26 +01:00
|
|
|
font-size: ${({ theme }) => theme.main.sizes.fonts.lg};
|
2020-02-25 16:00:24 +01:00
|
|
|
font-weight: ${({ theme }) => theme.main.fontWeights.bold};
|
2020-02-24 14:08:51 +01:00
|
|
|
}
|
|
|
|
&:hover {
|
|
|
|
background-color: #f3f4f4;
|
|
|
|
}
|
2020-04-02 18:27:18 +02:00
|
|
|
&:focus {
|
|
|
|
outline: none;
|
|
|
|
}
|
2020-02-24 14:08:51 +01:00
|
|
|
`;
|
|
|
|
|
|
|
|
export default BackButton;
|