'Apply styles to svg
Good afternoon! Implemented a custom carousel, I need to change the link style of the svg icon, by the value of the variable. How can without breaking design set style background:(/assets/images/icons/arrow_radius.svg)
MY COMPONENT
<owl-carousel-o class="custom-carousel" [options]="carouselOptions">
<ng-container *ngFor="let product of bestSellerProducts">
<ng-template carouselSlide>
<app-product-item
[product]="product"
[doubleClickEnabled]="true"
(onAddToCart)="addToCart($event)"
></app-product-item>
</ng-template>
</ng-container>
</owl-carousel-o>
MY SCSS
.custom-carousel {
display: block;
margin: auto;
width: 100%;
.owl-nav {
height: 0;
margin: 0;
@mixin flexiblecursor() {
position: absolute;
width: 38px;
height: 70px;
top: 40%;
background: url(/assets/images/icons/arrow_radius.svg) !important;
}
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
