@vimeo/iris/components/Annotation/Annotation.style.js

Vimeo Design System

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tslib_es6 = require('../../tslib.es6-3ec409b7.js');
var styled = require('styled-components');
var color_colors = require('../../color/colors.js');
require('polished');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);

var Annotation = styled__default["default"].div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  position: relative;\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n\n  * {\n    fill: currentColor;\n  }\n"], ["\n  display: flex;\n  align-items: flex-start;\n  position: relative;\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n\n  * {\n    fill: currentColor;\n  }\n"])), color_colors.slate(500), color_colors.blue(500));
var templateObject_1;

exports.Annotation = Annotation;