Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
import { css } from 'emotion';
import tokens from '@contentful/forma-36-tokens';
import hexRgb from 'hex-rgb';
const { red, green, blue } = hexRgb(tokens.colorElementMid);
export const BORDER_SIZE = 2;
export const styles = {
focalPoint: css({
backgroundColor: `rgba(${red}, ${green}, ${blue}, 0.5)`,
borderRadius: '50%',
border: `${BORDER_SIZE}px solid ${tokens.colorElementDarkest}`,
opacity: 1,
transition: `transform ${tokens.transitionDurationDefault} ${tokens.transitionEasingCubicBezier}`,
position: 'absolute',
pointerEvents: 'none'
})
};