и "плюсом"
а как это можно сделать?
const ReadMoreContainer = styled.span`
position: relative;
padding-left: 15px;
margin-top: 6px;
margin-bottom: 26px;
// подчеркивание у контейнера
&:after {
content: "";
background-image: linear-gradient(90deg, #5065c8, #5065c8 75%, transparent 75%, transparent 100%);
background-size: 7px 1px;
border:none;
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
}
`;
const ReadMore = styled.span`
font-size: 16px;
text-transform: lowercase;
// плюс
&:before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 10px;
height: 2px;
background: #5065c8;
}
// минус
${({ isExpand }) => isExpand && css`
&:after {
content: "";
position: absolute;
top: 50%;
left: 5px;
transform: translate(-50%, -50%);
width: 2px;
height: 10px;
background: #5065c8;
}
`}
`;
убрать первый псевдоэлемент
Обсуждают сегодня