Use SVG icons from global symbols

Allow to change color and avoid code duplication
This commit is contained in:
2021-11-10 22:57:50 +01:00
parent f1be0b719e
commit 73c9e80a21
20 changed files with 90 additions and 52 deletions

View File

@@ -54,6 +54,7 @@
&__content {
position: relative;
flex: 1;
margin-bottom: 32px;
}
// Total
@@ -61,10 +62,6 @@
margin-top: auto;
color: $color-gray;
@include bp (md) {
margin: 32px 0 0;
}
// Sum
&--sum {
display: flex;
@@ -136,23 +133,34 @@
justify-content: center;
height: 100%;
padding: 24px;
font-size: rem(20px);
font-size: rem(16px);
font-weight: 200;
background: #fff;
color: $color-gray;
border-radius: 6px;
@include bp (sm) {
font-size: rem(20px);
}
// Icon
.icon {
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
width: 3.6em;
height: 3.6em;
margin-bottom: 16px;
color: #FF6C89;
background: $color-cream;
border-radius: 100%;
svg {
display: block;
width: auto;
height: 50%;
object-fit: contain;
}
}
}