Delete button for tags
This commit is contained in:
@@ -3,6 +3,19 @@
|
||||
background-color: $-beige;
|
||||
border-radius: 2px;
|
||||
width: max-content;
|
||||
@include RV-FlexRow__Container;
|
||||
height: min-content;
|
||||
gap: 3px;
|
||||
|
||||
&__Remove {
|
||||
.RV-Iconized__Icon {
|
||||
fill: $-wine-red;
|
||||
|
||||
&:hover {
|
||||
fill: $-grey;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #bdbdbd;
|
||||
|
@@ -1,3 +1,13 @@
|
||||
<div class="LP-Tag">
|
||||
{{> @paragraph text=text}}
|
||||
{{> @link text=text url="#"}}
|
||||
<a href="#" class="LP-Link">
|
||||
<span class="LP-Tag__Remove RV-Iconized__Container RV-Iconized__Container--extraSmall">
|
||||
<svg class="RV-Iconized__Icon" height="24" viewBox="0 0 24 24" width="24"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M19 6.4L17.6 5 12 10.6 6.4 5 5 6.4 10.6 12 5 17.6 6.4 19 12 13.4 17.6 19 19 17.6 13.4 12z">
|
||||
</path>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
Reference in New Issue
Block a user