File name
Commit message
Commit date
File name
Commit message
Commit date
import React from 'react'
import styled from 'styled-components'
export default function ContentTitle({contentTitle, explanation}) {
return (
<div className='flex-start'>
<ContentTitleStyled>{contentTitle}</ContentTitleStyled>
<Explanation>{explanation}</Explanation>
</div>
)
}
const ContentTitleStyled = styled.p`
font-size: 2.5rem;
font-weight: bold;
margin: 1px 1rem 1rem 0px;
color: #733c1d;
/* &::after {
content: "";
position: absolute;
left: 0;
bottom: -11px;
height: 1px;
width: 100%;
max-width: 100%;
background-color: #d1e4e3;
}
&::before {
content: "";
position: absolute;
z-index: 10;
left: 0;
bottom: -15px;
height: 8px;
width: 1rem;
margin-right: 1rem;
background-color: #7D9D9C;
} */
`
const Explanation = styled.p`
font-size: 1.8rem;
color: #733c1d;
`;