@vimeo/iris/components/Avatar/Avatar.style.esm.js

Vimeo Design System

import { a as __makeTemplateObject } from '../../tslib.es6-7f0e734f.js';
import styled from 'styled-components';
import { size } from 'polished';

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

var Avatar = styled.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  position: relative;\n  border-radius: 100%;\n"], ["\n  ", "\n  position: relative;\n  border-radius: 100%;\n"])), function (p) { return size(sizes[p.size]); });
var Anchor = styled.a(templateObject_2 || (templateObject_2 = __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;

export { Anchor, Avatar };