30 lines
424 B
Svelte
30 lines
424 B
Svelte
<div class="mass">{mass}</div>
|
|
<div class="cost">{cost}</div>
|
|
|
|
<script>
|
|
export let mass;
|
|
export let cost;
|
|
</script>
|
|
|
|
<style>
|
|
.cost {
|
|
grid-column: 3;
|
|
}
|
|
.mass {
|
|
grid-column: 2;
|
|
}
|
|
img {
|
|
width: 0.75em;
|
|
}
|
|
.cost:after {
|
|
content: "\00A4";
|
|
margin-left: 0.5em;
|
|
}
|
|
.mass:after {
|
|
content: url("/mass.svg");
|
|
width: 0.75em;
|
|
display: inline-block;
|
|
margin-left: 0.5em;
|
|
}
|
|
</style>
|