lostplaces-frontend/components/01_Atoms/tag/_tag.scss

40 lines
661 B
SCSS

.LP-Tag {
padding: 8px 14px;
background-color: $-beige;
border-radius: 2px;
width: max-content;
@include RV-Flex;
height: min-content;
gap: 3px;
transition: background .3s;
.LP-Link {
color: $-grey;
&:hover {
text-decoration: none;
}
}
&__Remove {
.RV-Iconized__Icon {
fill: $-wine-red;
&:hover {
fill: $-grey;
}
}
}
&:hover {
background-color: #bdbdbd;
}
.LP-Paragraph {
padding: 0;
margin: 0;
font-family: $-primary-sans-serif-font;
font-size: 1em;
display: inline;
}
}