39 lines
848 B
JavaScript
39 lines
848 B
JavaScript
// 3rd party.
|
|
import React from 'react';
|
|
// 2nd party.
|
|
import {compose} from '@avocado/core';
|
|
import contempo from 'contempo';
|
|
|
|
import {AFFINITY_NONE} from '../../common/combat/constants';
|
|
import {AFFINITY_FIRE} from '../../common/combat/constants';
|
|
|
|
const decorate = compose(
|
|
contempo(require('./damage.raw.scss').default),
|
|
contempo(`
|
|
.particle .text.affinity-${AFFINITY_NONE}.is-damage {
|
|
color: #FF0000;
|
|
text-shadow:
|
|
0.75px 0.75px black,
|
|
-0.125px -0.125px black,
|
|
-0px -0px 3px #FF2200
|
|
;
|
|
}
|
|
|
|
.particle .text.affinity-${AFFINITY_FIRE}.is-damage {
|
|
color: #FFA500;
|
|
text-shadow:
|
|
0.75px 0.75px black,
|
|
-0.125px -0.125px black,
|
|
-0px -0px 3px #FFDD00,
|
|
-0px -0px 10px #FFFF00
|
|
;
|
|
}
|
|
`),
|
|
);
|
|
|
|
const DamageComponent = ({app}) => {
|
|
return <div className="damage"></div>;
|
|
}
|
|
|
|
export default decorate(DamageComponent);
|