Use SVG icons from global symbols
Allow to change color and avoid code duplication
This commit is contained in:
@@ -21,6 +21,7 @@
|
||||
.icon {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
color: #fff;
|
||||
flex-shrink: 0;
|
||||
transition: transform 0.6s var(--ease-quart);
|
||||
|
||||
@@ -30,11 +31,10 @@
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
img {
|
||||
svg {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
span {
|
||||
|
||||
@@ -9,7 +9,8 @@
|
||||
}
|
||||
|
||||
// Icon
|
||||
img {
|
||||
svg {
|
||||
color: #fff;
|
||||
display: block;
|
||||
width: 27px;
|
||||
height: 27px;
|
||||
|
||||
Reference in New Issue
Block a user