equinox-web-components
Version:
Equinox design for the web using StencilJS
1 lines • 479 B
CSS
:host{display:block}.e-avatar{overflow:hidden;transition:.3s ease;display:flex;align-items:center;justify-content:center;text-transform:uppercase;color:var(--gray-600);height:42px;width:42px;font-size:16px;line-height:150%;border-radius:100px}.e-avatar.xs{height:24px;width:24px;font-size:12px}.e-avatar.lg{height:56px;width:56px;font-size:18px}.e-avatar.xl,.e-avatar.xxl{height:72px;width:72px;font-size:18px}.e-avatar:focus,.e-avatar:active{box-shadow:0 0 0 3px var(--primary)}