23 lines
690 B
JavaScript
23 lines
690 B
JavaScript
import styled from "styled-components";
|
|
import Base from "../../themes/base";
|
|
|
|
export const Title = styled.h2`
|
|
position: relative;
|
|
font-family: "Open Sans", sans-serif, Arial;
|
|
font-weight: 700;
|
|
font-size: ${(props) => (props.isMobile ? "21px" : "18px")};
|
|
line-height: ${(props) => (props.isMobile ? "28px" : "24px")};
|
|
color: ${(props) => props.theme.calendar.titleColor};
|
|
border-bottom: 1px dashed transparent;
|
|
margin: 0;
|
|
display: inline-block;
|
|
|
|
:hover {
|
|
border-color: ${(props) =>
|
|
props.disabled ? "transparent" : props.theme.calendar.titleColor};
|
|
cursor: ${(props) => (props.disabled ? "auto" : "pointer")};
|
|
}
|
|
`;
|
|
|
|
Title.defaultProps = { theme: Base };
|