.candlestick-icon {
background-image: svg-url('');
}
.candlestick-w-icon {
background-image: svg-url('');
}
.chart_template-icon {
background-image: svg-url('');
}
.chart_template-w-icon {
background-image: svg-url('');
}
.comparison-icon {
background-image: svg-url('');
}
.crosshair-icon {
background-image: svg-url('');
}
.dot-icon {
background-image: svg-url('');
}
.dot-w-icon {
background-image: svg-url('');
}
.drawing-icon {
background-image: svg-url('');
}
.drawing-w-icon {
background-image: svg-url('');
}
.indicator-icon {
background-image: svg-url('');
}
.line-icon {
background-image: svg-url('');
}
.line-w-icon {
background-image: svg-url('');
}
.linedot-icon {
background-image: svg-url('');
}
.linedot-w-icon {
background-image: svg-url('');
}
.ohlc-icon {
background-image: svg-url('');
}
.ohlc-w-icon {
background-image: svg-url('');
}
.share-icon {
background-image: svg-url('');
}
.share-w-icon {
background-image: svg-url('');
}
.spline-icon {
background-image: svg-url('');
}
.spline-w-icon {
background-image: svg-url('');
}
.table-icon {
background-image: svg-url('');
}
/*
* contract type icons with specified color
*/
$contract_icons: (
calle: '',
put: '',
onetouch: '',
notouch: '',
expiryrangee: '',
expirymiss: '',
range: '',
upordown: '',
mb_calle: '',
mb_put: '',
);
@function contract-icon($type, $color: $lightBlue) {
$svg: str-replace(map_get($contract_icons, $type), '__COLOR__', #{rgba($color, 1)});
@return svg-url($svg);
}
.contract-type {
&.CALLE {
background-image: contract-icon('calle');
}
&.CALLE.negative-color {
background-image: contract-icon('calle', $negativeColor);
}
&.PUT {
background-image: contract-icon('put');
}
&.PUT.negative-color {
background-image: contract-icon('put', $negativeColor);
}
&.ONETOUCH {
background-image: contract-icon('onetouch');
}
&.NOTOUCH {
background-image: contract-icon('notouch');
}
&.NOTOUCH.negative-color {
background-image: contract-icon('notouch', $negativeColor);
}
&.EXPIRYRANGEE {
background-image: contract-icon('expiryrangee');
}
&.EXPIRYMISS {
background-image: contract-icon('expirymiss');
}
&.EXPIRYMISS.negative-color {
background-image: contract-icon('expirymiss', $negativeColor);
}
&.RANGE {
background-image: contract-icon('range');
}
&.UPORDOWN {
background-image: contract-icon('upordown');
}
&.UPORDOWN.negative-color {
background-image: contract-icon('upordown', $negativeColor);
}
}
.mb-trading-wrapper .contract-type {
&.CALLE {
background-image: contract-icon('mb_calle');
}
&.CALLE.negative-color {
background-image: contract-icon('mb_calle', $negativeColor);
}
&.PUT {
background-image: contract-icon('mb_put');
}
&.PUT.negative-color {
background-image: contract-icon('mb_put', $negativeColor);
}
}