@microsoft/sp-dialog/lib/placeHolder/Placeholder.global.scss.css

SharePoint Framework support for displaying dialog boxes

/*
  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
*/
/** THIS FILE IS AUTOGENERATED do not modify it manually. See generateDefaultThemeSassFiles.js. New slots should be added to the appropriate interfaces and defaults files. */
.Placeholder {
  display: flex;
}
.Placeholder .Placeholder-container {
  align-items: center;
  color: "[theme:neutralSecondary, default: #605e5c]";
  background-color: "[theme:neutralLighter, default: #f3f2f1]";
  width: 100%;
  padding: 80px 0px;
}
.Placeholder .Placeholder-container .Placeholder-head {
  color: "[theme:neutralPrimary, default: #323130]";
}
.Placeholder .Placeholder-container .Placeholder-head .Placeholder-headContainer {
  height: 100%;
  white-space: nowrap;
  text-align: center;
}
.Placeholder .Placeholder-container .Placeholder-head .Placeholder-icon {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.Placeholder .Placeholder-container .Placeholder-head .Placeholder-text {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  line-height: normal;
}
[dir=ltr] .Placeholder .Placeholder-container .Placeholder-head .Placeholder-text {
  padding-left: 20px;
}
[dir=rtl] .Placeholder .Placeholder-container .Placeholder-head .Placeholder-text {
  padding-right: 20px;
}
.Placeholder .Placeholder-container .Placeholder-description {
  width: 65%;
  vertical-align: middle;
  margin: 0 auto;
  text-align: center;
}
.Placeholder .Placeholder-container .Placeholder-description .Placeholder-descriptionText {
  color: "[theme:neutralSecondary, default: #605e5c]";
  font-size: 17px;
  display: inline-block;
  margin: 24px 0;
  font-weight: 100;
}

.Placeholder-overlay {
  position: relative;
  height: 100%;
  z-index: 1;
}
.Placeholder-overlay .Placeholder-spinnerContainer {
  position: relative;
  width: 100%;
  margin: 164px 0px;
}