@microsoft/mgt/dist/es6/components/mgt-person/mgt-person-css.js

The Microsoft Graph Toolkit

// THIS FILE IS AUTO GENERATED
// ANY CHANGES WILL BE LOST DURING BUILD
// MODIFY THE .SCSS FILE INSTEAD
import { css } from 'lit-element';
/**
 * exports lit-element css
 * @export styles
 */
export const styles = [
    css `
/**
 * -------------------------------------------------------------------------------------------
 * Copyright (c) Microsoft Corporation.  All Rights Reserved.  Licensed under the MIT License.
 * See License in the project root for license information.
 * -------------------------------------------------------------------------------------------
 */
/*
  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
*/
/**
 * -------------------------------------------------------------------------------------------
 * Copyright (c) Microsoft Corporation.  All Rights Reserved.  Licensed under the MIT License.
 * See License in the project root for license information.
 * -------------------------------------------------------------------------------------------
 */
:host([hidden]) {
  display: none; }

:host {
  display: block;
  --default-font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI",
    -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  --theme-primary-color: #0078d7;
  --theme-dark-color: #005a9e; }

.ms-Icon {
  display: inline-block;
  font-family: "FabricMDL2Icons";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 4px 0; }

.ms-Icon--ChevronDown::before {
  content: "\\\E70D"; }

.ms-Icon--ChevronUp::before {
  content: "\\\E70E"; }

.ms-Icon--Contact::before {
  content: "\\\E77B"; }

.ms-Icon--AddFriend::before {
  content: "\\\E8FA"; }

.ms-Icon--OutlookLogoInverse::before {
  content: "\\\EB6D"; }

:host {
  display: inline-block; }

:host .root {
  display: inline-block;
  color: var(--color, #201f1e);
  position: relative;
  vertical-align: top; }

:host svg,
mgt-person svg {
  width: var(--avatar-size-s, 24px);
  height: var(--avatar-size-s, 24px); }

:host img,
mgt-person img {
  border: var(--avatar-border);
  border-radius: 50%; }

:host .person-root,
mgt-person .person-root {
  position: relative;
  display: flex;
  align-items: center;
  font-family: var(--default-font-family, "Segoe UI"); }

:host .Details,
mgt-person .Details {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  margin-left: 12px; }
  :host .Details.small,
  mgt-person .Details.small {
    margin-left: 6px; }

:host .user-avatar,
mgt-person .user-avatar {
  width: var(--avatar-size, 48px);
  height: var(--avatar-size, 48px);
  display: flex;
  justify-content: center;
  align-items: center; }
  :host .user-avatar.initials,
  mgt-person .user-avatar.initials {
    color: var(--initials-color, white);
    background-color: var(--initials-background-color, #b4009e);
    border-radius: 50%;
    font-weight: 400;
    font-size: 60%; }
  :host .user-avatar.small,
  mgt-person .user-avatar.small {
    width: var(--avatar-size-s, 24px);
    height: var(--avatar-size-s, 24px); }
  :host .user-avatar.row-span-2,
  mgt-person .user-avatar.row-span-2 {
    width: var(--avatar-size, 48px);
    height: var(--avatar-size, 48px); }
  :host .user-avatar img,
  mgt-person .user-avatar img {
    height: 100%; }

:host .avatar-icon,
mgt-person .avatar-icon {
  flex: 1 1 auto;
  line-height: 1;
  margin: 0;
  font-size: var(--avatar-size, 48px); }
  :host .avatar-icon.small,
  mgt-person .avatar-icon.small {
    font-size: var(--avatar-size-s, 24px); }
  :host .avatar-icon.row-span-2,
  mgt-person .avatar-icon.row-span-2 {
    grid-row: 1 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2; }
  :host .avatar-icon.row-span-3,
  mgt-person .avatar-icon.row-span-3 {
    grid-row: 1 / 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3; }

:host .user-name,
mgt-person .user-name {
  font-size: var(--font-size, 14px);
  font-weight: var(--font-weight, 600);
  white-space: nowrap;
  grid-column: 2;
  -ms-grid-column: 2; }

:host .user-email,
mgt-person .user-email {
  color: var(--email-color, #323130);
  font-size: var(--email-font-size, 12px);
  white-space: nowrap;
  grid-column: 2;
  -ms-grid-column: 2;
  grid-row: 2;
  -ms-grid-row: 2; }

.flyout {
  padding: 8px; }

`
];
//# sourceMappingURL=mgt-person-css.js.map