@vimeo/iris/components/Avatar/Avatar.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 polished = require('polished');

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

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

var sizes = {
    xxs: '0.75rem',
    xs: '1rem',
    sm: '2rem',
    md: '2.5rem',
    lg: '4rem',
    xl: '9.375rem',
    xxl: '15rem',
    auto: '100%',
};

var Avatar = styled__default["default"].img(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  ", "\n  position: relative;\n  border-radius: 100%;\n"], ["\n  ", "\n  position: relative;\n  border-radius: 100%;\n"])), function (p) { return polished.size(sizes[p.size]); });
var Anchor = styled__default["default"].a(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  text-decoration: none;\n  position: relative;\n  outline: none;\n  display: inline-block;\n"], ["\n  text-decoration: none;\n  position: relative;\n  outline: none;\n  display: inline-block;\n"])));
var templateObject_1, templateObject_2;

exports.Anchor = Anchor;
exports.Avatar = Avatar;