2021-12-04 12:30:03 +01:00
|
|
|
import styled from 'styled-components';
|
|
|
|
|
|
|
|
|
|
const StyledWrapper = styled.div`
|
|
|
|
|
div.tabs {
|
|
|
|
|
div.tab {
|
|
|
|
|
padding: 6px 0px;
|
|
|
|
|
border: none;
|
|
|
|
|
border-bottom: solid 2px transparent;
|
|
|
|
|
margin-right: 20px;
|
2022-01-21 08:55:39 +01:00
|
|
|
color: rgb(125 125 125);
|
2021-12-04 12:30:03 +01:00
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
&:focus, &:active, &:focus-within, &:focus-visible, &:target {
|
|
|
|
|
outline: none !important;
|
|
|
|
|
box-shadow: none !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.active {
|
|
|
|
|
color: #322e2c !important;
|
|
|
|
|
border-bottom: solid 2px #8e44ad !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
export default StyledWrapper;
|
