@guestbell/react-page-plugins/build/dist/react-page-plugins.css

Plugins we use in GuestBell for working with amazing react-page package

/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/lib/scss/index.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
/*$brand-primary: #10bdc7;
$brand-secondary: #A8DADC;
$brand-background: #F6F6F6;
$brand-light: #fff;
$brand-dark: #003663;
$brand-important: #E63946;
$brand-gray: #323232;*/
ul::marker,
li::marker {
  color: var(--marker-color);
}

/*$brand-primary: #10bdc7;
$brand-secondary: #A8DADC;
$brand-background: #F6F6F6;
$brand-light: #fff;
$brand-dark: #003663;
$brand-important: #E63946;
$brand-gray: #323232;*/
.ory-plugins-layout-background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 12px;
  position: relative;
}

.ory-plugins-layout-background > .ory-row {
  position: relative;
}

.ory-plugins-layout-background__backstretch {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.backgroundControls .uploadImageText__buttonContainer {
  right: 0;
}
.backgroundControls .text-input.input__base input:focus ~ label, .backgroundControls .text-input.input__base .filled ~ label, .backgroundControls .text-input.input__base select:focus ~ label, .backgroundControls .text-input.input__base textarea:focus ~ label, .backgroundControls .text-input.input__base label.label--focused, .backgroundControls .text-input.input__base span.label-classname.label--focused {
  color: #A8DADC;
}
.backgroundControls .text-input input {
  color: rgb(85.425, 85.425, 85.425);
}

.ory-plugins-content-divider {
  background-color: #eee;
  width: 100%;
  height: 2px;
  border-color: #eee;
}

/*$brand-primary: #10bdc7;
$brand-secondary: #A8DADC;
$brand-background: #F6F6F6;
$brand-light: #fff;
$brand-dark: #003663;
$brand-important: #E63946;
$brand-gray: #323232;*/
.ory-plugins-content-image {
  max-width: 100%;
}
.ory-plugins-content-image.ory-plugins-content-image--fw {
  width: 100%;
}
.ory-plugins-content-image.ory-plugins-content-image--small-height {
  max-height: 10rem;
  width: auto;
}
.ory-plugins-content-image.ory-plugins-content-image--medium-height {
  max-height: 15rem;
  width: auto;
}
.ory-plugins-content-image.ory-plugins-content-image--big-height {
  max-height: 20rem;
  width: auto;
}

.ory-plugins-content-image__container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ory-plugins-content-image-placeholder {
  position: relative;
  width: 100%;
  text-align: center;
}

.imageControls .text-input input {
  color: rgb(85.425, 85.425, 85.425);
}
.imageControls .uploadImageText__buttonContainer {
  right: 0;
}

.ory-plugins-content-slate-inline-toolbar {
  position: absolute;
  z-index: 1000;
  top: -10000px;
  left: -10000px;
  margin-top: -6px;
  opacity: 0;
  border-radius: 4px;
  transition: opacity 0.5s;
}

.ory-plugins-content-slate-inline-toolbar--hidden {
  opacity: 0 !important;
  pointer-events: none;
}

.block-alignment-left {
  text-align: left;
}

.block-alignment-right {
  text-align: right;
}

.block-alignment-center {
  text-align: center;
}

.block-alignment-justify {
  text-align: justify;
}

.ory-plugins-content-spacer {
  border: solid 1px rgba(0, 0, 0, 0.3);
  border-bottom: none !important;
  box-shadow: 0 0 0 1px white;
  position: relative;
}

.ory-plugins-content-spacer-read-only {
  border-color: transparent !important;
  box-shadow: none !important;
}

.ory-plugins-content-spacer .react-resizable > .react-resizable-handle:before,
.ory-plugins-content-spacer .react-resizable > .react-resizable-handle:hover:before {
  content: " ";
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0;
  right: 0;
  cursor: n-resize;
  line-height: 12px;
  font-size: 1.5em;
  height: 24px;
}

.ory-plugins-content-spacer__handle svg {
  fill: white;
  margin-top: -1px;
}

.ory-plugins-content-spacer__handle {
  position: absolute;
  bottom: 0;
  height: 24px;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: 0px -1px white;
}

.ory-plugins-content-video-placeholder {
  position: relative;
  width: 100%;
  text-align: center;
}

/*# sourceMappingURL=react-page-plugins.css.map*/