I use some data CSS in an extending style definition like so:
<style name="phx_basic"
bgalpha="0"
distorted="false"
zoom="false"
handcursor="false"
/>
<style name="phx_hotspot_marker"
style="phx_basic"
css="data: css_hotspot_marker"
width="44"
height="62"
edge="bottom"
/>
Display More
the corresponding data CSS might look similar to this:
<data name="css_hotspot_marker">
div {
background: url("https://www.some-domain.com/img/marker/map-marker.png") no-repeat;
background-size: cover;
width: 42px;
height: 60px;
}
img {
position: absolute;
top: 11px;
left: 10px;
width: 25px;
height: 25px;
}
</data>
Display More
Now under a certain condition I would like to override or more exactly extend the used CSS, like so
<data name="css_hotspot_marker_green">
div {
background: url("https://www.some-domain.com/img/marker/map-marker-green.png") no-repeat;
}
without duplicating the whole CSS and maybe style definition.
Is there a way to accomplish that?