@pnp/spfx-property-controls
Version:
Reusable property pane controls for SharePoint Framework solutions
75 lines (74 loc) • 2.14 kB
CSS
/*
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
*/
.placeholder {
display: flex;
}
.placeholder .placeholderContainer {
align-items: center;
color: "[theme:neutralSecondary, default: #666666]";
background-color: "[theme:neutralLighter, default: #f4f4f4]";
width: 100%;
padding: 80px 0;
}
.placeholder .placeholderContainer .placeholderHead {
color: "[theme:neutralPrimary, default: #333333]";
}
.placeholder .placeholderContainer .placeholderHead .placeholderHeadContainer {
height: 100%;
white-space: nowrap;
text-align: center;
}
.placeholder .placeholderContainer .placeholderHead .placeholderIcon {
display: inline-block;
vertical-align: middle;
white-space: normal;
font-size: 42px;
}
.placeholder .placeholderContainer .placeholderHead .placeholderText {
display: inline;
vertical-align: middle;
white-space: normal;
font-weight: 100;
font-size: 28px;
}
.placeholder .placeholderContainer .placeholderHead .placeholderText.hide {
display: none;
}
.placeholder .placeholderContainer .placeholderDescription {
width: 65%;
vertical-align: middle;
margin: 0 auto;
text-align: center;
}
.placeholder .placeholderContainer .placeholderDescription .placeholderDescriptionText {
color: "[theme:neutralSecondary, default: #666666]";
font-size: 17px;
display: inline-block;
margin: 24px 0;
font-weight: 100;
}
.placeholder .placeholderContainer .placeholderDescription button {
font-size: 14px;
font-weight: 400;
box-sizing: border-box;
display: inline-block;
text-align: center;
cursor: pointer;
vertical-align: top;
min-width: 80px;
height: 32px;
background-color: "[theme:themePrimary, default: #0078d7]";
color: #fff;
user-select: none;
outline: transparent;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-image: initial;
text-decoration: none;
}
[dir=ltr] .placeholder .placeholderContainer .placeholderHead .placeholderText,
[dir=rtl] .placeholder .placeholderContainer .placeholderHead .placeholderText {
padding-left: 20px;
}