@microsoft/mgt
Version:
The Microsoft Graph Toolkit
109 lines (108 loc) • 4.56 kB
JavaScript
// 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
*/
:host .root {
position: relative;
width: 340px;
background: #ffffff;
box-shadow: 0px 0px 4.55172px rgba(0, 0, 0, 0.16);
font-family: var(--default-font-family); }
:host .root .default-view {
display: flex;
padding: 18px 14px; }
:host .root .default-view mgt-person.person-image {
--avatar-size-s: 75px; }
:host .root .default-view .details {
margin-left: 14px;
line-height: 1.15; }
:host .root .default-view .details .display-name {
font-size: 27.3103px;
color: #333333; }
:host .root .default-view .details .job-title {
font-size: 18.2069px;
color: #767676;
font-weight: 600; }
:host .root .default-view .details .department {
font-size: 15.1724px;
color: #767676; }
:host .root .default-view .details .base-icons {
margin-top: 14px;
display: flex;
-webkit-align-items: center;
align-items: center;
max-width: 120px; }
:host .root .default-view .details .base-icons .icon {
margin: 0 22px 0 0;
cursor: pointer; }
:host .root .default-view .details .base-icons .icon:hover {
opacity: 0.6; }
:host .root .additional-details-container .additional-details-button {
height: 28px;
background: rgba(196, 196, 196, 0.1);
text-align: center;
position: relative; }
:host .root .additional-details-container .additional-details-button .additional-details-svg {
width: 50%;
bottom: 0;
top: 100%; }
:host .root .additional-details-container .additional-details-button:hover {
background-color: rgba(0, 0, 0, 0.068); }
:host .root .additional-details-container .additional-details-info {
margin: 0 0 0 20px;
padding-bottom: 18px; }
:host .root .additional-details-container .additional-details-info .contact-text {
margin: 0 0 24px 0;
font-weight: 600;
font-size: 14px;
color: #000000; }
:host .root .additional-details-container .additional-details-info .additional-details-row {
display: flex; }
:host .root .additional-details-container .additional-details-info .additional-details-row .additional-details-item {
line-height: normal;
font-style: normal;
font-weight: normal;
font-size: 15px; }
:host .root .additional-details-container .additional-details-info .additional-details-row .additional-details-item .icons {
text-align: left; }
:host .root .additional-details-container .additional-details-info .additional-details-row .additional-details-item .icons .details-icon {
margin: 0 0 10px 0;
display: flex;
flex-direction: row;
align-items: center; }
:host .root .additional-details-container .additional-details-info .additional-details-row .additional-details-item .data {
display: block;
margin: 0 0 0px 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 280px; }
:host .root .additional-details-container .additional-details-info .additional-details-row .additional-details-item .normal-subtitle {
padding-top: 2px; }
:host .root .additional-details-container .additional-details-info .additional-details-row .additional-details-item .link-subtitle {
color: #3078cd;
cursor: pointer; }
:host .root .additional-details-container .additional-details-info .additional-details-row .additional-details-item .link-subtitle:hover {
opacity: 0.6; }
:host .root .additional-details-container .additional-details-info .section-divider {
width: 96%;
height: 1px;
background: #eaeaea; }
`
];
//# sourceMappingURL=mgt-person-card-css.js.map