flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add gray variant to button circle

Browse Source
This commit is contained in:
Shelby Kay
2021-11-05 22:45:11 +01:00
parent 163fbe75db
commit e71652303a
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/molecules/PosterCart.svelte
View File

@@ -14,7 +14,7 @@
</div> </div>
<div class="poster-cart__right"> <div class="poster-cart__right">
<div class="remove"> <div class="remove">
<ButtonCircle size="tiny"> <ButtonCircle size="tiny" color="gray">
<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.81 1.104a.647.647 0 1 0-.914-.915L4 3.085 1.104.19a.647.647 0 1 0-.915.915L3.085 4 .19 6.896a.647.647 0 1 0 .915.915L4 4.915 6.896 7.81a.647.647 0 1 0 .915-.915L4.915 4 7.81 1.104Z" fill="#666"/> <path d="M7.81 1.104a.647.647 0 1 0-.914-.915L4 3.085 1.104.19a.647.647 0 1 0-.915.915L3.085 4 .19 6.896a.647.647 0 1 0 .915.915L4 4.915 6.896 7.81a.647.647 0 1 0 .915-.915L4.915 4 7.81 1.104Z" fill="#666"/>
</svg> </svg>

10
src/style/atoms/_button-circle.scss
View File

@@ -72,7 +72,6 @@
&--tiny { &--tiny {
height: 24px; height: 24px;
width: 24px; width: 24px;
background-color: #F2F2F2;
img, svg { img, svg {
width: 8px; width: 8px;
@@ -106,4 +105,13 @@
&--purple { &--purple {
background-color: $color-primary-tertiary20; background-color: $color-primary-tertiary20;
} }
// Gray color
&--gray {
background-color: #F2F2F2;
&:hover {
background-color: #D2D2D2;
}
}
} }