UNPKG

@guestbell/react-page-plugins

Version:

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

1 lines 10.3 kB
{"version":3,"file":"react-page-plugins.css","mappings":";;;AAAC;;;;;;sBAAA;ACEC;;EACE;ACOJ;;AFVC;;;;;;sBAAA;AGAD;EACE;EACA;EACA;EACA;EACA;ADoBF;;ACjBA;EACE;ADoBF;;ACjBA;EACE;EACA;EACA;EACA;EACA;ADoBF;;AEpCE;EACE;AFuCJ;AEpCI;EAME,cJFY;AEmClB;AE/BI;EACE,kCJKC;AE4BP;;AG/CA;EACE;EACA;EACA;EACA;AHkDF;;AFtDC;;;;;;sBAAA;AMAD;EACE;AJgEF;AI/DE;EACE;AJiEJ;AI/DE;EACE;EACA;AJiEJ;AI/DE;EACE;EACA;AJiEJ;AI/DE;EACE;EACA;AJiEJ;;AI7DA;EACE;EACA;EACA;AJgEF;;AI7DA;EACE;EACA;EACA;AJgEF;;AK3FE;EACE,kCPiBG;AE6EP;AK5FE;EACE;AL8FJ;;AMnGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANsGF;;AMnGA;EACE;EACA;ANsGF;;AOnHA;EACE;APsHF;;AOpHA;EACE;APuHF;;AOrHA;EACE;APwHF;;AOtHA;EACE;APyHF;;AQlIA;EACE;EACA;EACA;EACA;ARqIF;;AQlIA;EACE;EACA;ARqIF;;AQlIA;;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARmIF;;AQjIA;EACE;EACA;ARoIF;;AQjIA;EACE;EACA;EACA;EACA;EACA;EACA,oCAvCM;EAwCN;ARoIF;;AS5KA;EACE;EACA;EACA;AT+KF,C","sources":["webpack://@guestbell/react-page-plugins/./src/lib/scss/variables/guestBell-brand.scss","webpack://@guestbell/react-page-plugins/./src/lib/scss/styles/index.scss","webpack://@guestbell/react-page-plugins/./src/lib/scss/index.scss","webpack://@guestbell/react-page-plugins/./src/lib/scss/background/base.scss","webpack://@guestbell/react-page-plugins/./src/lib/scss/background/image.scss","webpack://@guestbell/react-page-plugins/./src/lib/scss/divider/base.scss","webpack://@guestbell/react-page-plugins/./src/lib/scss/image/base.scss","webpack://@guestbell/react-page-plugins/./src/lib/scss/image/imageDefaultControls.scss","webpack://@guestbell/react-page-plugins/./src/lib/scss/slate/base.scss","webpack://@guestbell/react-page-plugins/./src/lib/scss/slate/alignment.scss","webpack://@guestbell/react-page-plugins/./src/lib/scss/spacer/component.scss","webpack://@guestbell/react-page-plugins/./src/lib/scss/video/renderer.scss"],"sourcesContent":["/*$brand-primary: #10bdc7;\r\n$brand-secondary: #A8DADC;\r\n$brand-background: #F6F6F6;\r\n$brand-light: #fff;\r\n$brand-dark: #003663;\r\n$brand-important: #E63946;\r\n$brand-gray: #323232;*/\r\n\r\n$brand-primary: #10bdc7;\r\n$brand-secondary: #A8DADC;\r\n$brand-green: #52BE93;\r\n$brand-background: #F6F6F6;\r\n$brand-light: #fff;\r\n$brand-dark: #0E2729;\r\n$brand-important:#ec4454;\r\n$brand-gray: #323232;\r\n$brand-error: #ff5d5d;\r\n$gray-darker: lighten(#000, 13.5%);\r\n$gray-dark: lighten(#000, 20%);\r\n$gray: lighten(#000, 33.5%);\r\n$gray-light: lighten(#000, 60%);\r\n$gray-lighter: lighten(#000, 93.5%);\r\n$gray-lightest: lighten(#000, 97.25%);","ul,\nli {\n &::marker {\n color: var(--marker-color);\n }\n}\n","/*$brand-primary: #10bdc7;\n$brand-secondary: #A8DADC;\n$brand-background: #F6F6F6;\n$brand-light: #fff;\n$brand-dark: #003663;\n$brand-important: #E63946;\n$brand-gray: #323232;*/\nul::marker,\nli::marker {\n color: var(--marker-color);\n}\n\n/*$brand-primary: #10bdc7;\n$brand-secondary: #A8DADC;\n$brand-background: #F6F6F6;\n$brand-light: #fff;\n$brand-dark: #003663;\n$brand-important: #E63946;\n$brand-gray: #323232;*/\n.ory-plugins-layout-background {\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n padding: 12px;\n position: relative;\n}\n\n.ory-plugins-layout-background > .ory-row {\n position: relative;\n}\n\n.ory-plugins-layout-background__backstretch {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n.backgroundControls .uploadImageText__buttonContainer {\n right: 0;\n}\n.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 {\n color: #A8DADC;\n}\n.backgroundControls .text-input input {\n color: rgb(85.425, 85.425, 85.425);\n}\n\n.ory-plugins-content-divider {\n background-color: #eee;\n width: 100%;\n height: 2px;\n border-color: #eee;\n}\n\n/*$brand-primary: #10bdc7;\n$brand-secondary: #A8DADC;\n$brand-background: #F6F6F6;\n$brand-light: #fff;\n$brand-dark: #003663;\n$brand-important: #E63946;\n$brand-gray: #323232;*/\n.ory-plugins-content-image {\n max-width: 100%;\n}\n.ory-plugins-content-image.ory-plugins-content-image--fw {\n width: 100%;\n}\n.ory-plugins-content-image.ory-plugins-content-image--small-height {\n max-height: 10rem;\n width: auto;\n}\n.ory-plugins-content-image.ory-plugins-content-image--medium-height {\n max-height: 15rem;\n width: auto;\n}\n.ory-plugins-content-image.ory-plugins-content-image--big-height {\n max-height: 20rem;\n width: auto;\n}\n\n.ory-plugins-content-image__container {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.ory-plugins-content-image-placeholder {\n position: relative;\n width: 100%;\n text-align: center;\n}\n\n.imageControls .text-input input {\n color: rgb(85.425, 85.425, 85.425);\n}\n.imageControls .uploadImageText__buttonContainer {\n right: 0;\n}\n\n.ory-plugins-content-slate-inline-toolbar {\n position: absolute;\n z-index: 1000;\n top: -10000px;\n left: -10000px;\n margin-top: -6px;\n opacity: 0;\n border-radius: 4px;\n transition: opacity 0.5s;\n}\n\n.ory-plugins-content-slate-inline-toolbar--hidden {\n opacity: 0 !important;\n pointer-events: none;\n}\n\n.block-alignment-left {\n text-align: left;\n}\n\n.block-alignment-right {\n text-align: right;\n}\n\n.block-alignment-center {\n text-align: center;\n}\n\n.block-alignment-justify {\n text-align: justify;\n}\n\n.ory-plugins-content-spacer {\n border: solid 1px rgba(0, 0, 0, 0.3);\n border-bottom: none !important;\n box-shadow: 0 0 0 1px white;\n position: relative;\n}\n\n.ory-plugins-content-spacer-read-only {\n border-color: transparent !important;\n box-shadow: none !important;\n}\n\n.ory-plugins-content-spacer .react-resizable > .react-resizable-handle:before,\n.ory-plugins-content-spacer .react-resizable > .react-resizable-handle:hover:before {\n content: \" \";\n position: absolute;\n text-align: center;\n width: 100%;\n bottom: 0;\n right: 0;\n cursor: n-resize;\n line-height: 12px;\n font-size: 1.5em;\n height: 24px;\n}\n\n.ory-plugins-content-spacer__handle svg {\n fill: white;\n margin-top: -1px;\n}\n\n.ory-plugins-content-spacer__handle {\n position: absolute;\n bottom: 0;\n height: 24px;\n width: 100%;\n text-align: center;\n background-color: rgba(0, 0, 0, 0.3);\n box-shadow: 0px -1px white;\n}\n\n.ory-plugins-content-video-placeholder {\n position: relative;\n width: 100%;\n text-align: center;\n}",".ory-plugins-layout-background {\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n padding: 12px;\r\n position: relative;\r\n}\r\n\r\n.ory-plugins-layout-background > .ory-row {\r\n position: relative;\r\n}\r\n\r\n.ory-plugins-layout-background__backstretch {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n}\r\n",".backgroundControls {\r\n .uploadImageText__buttonContainer {\r\n right: 0;\r\n }\r\n .text-input {\r\n &.input__base input:focus ~ label,\r\n &.input__base .filled ~ label,\r\n &.input__base select:focus ~ label,\r\n &.input__base textarea:focus ~ label,\r\n &.input__base label.label--focused,\r\n &.input__base span.label-classname.label--focused {\r\n color: $brand-secondary;\r\n }\r\n input {\r\n color: $gray;\r\n }\r\n }\r\n}\r\n",".ory-plugins-content-divider {\r\n background-color: #eee;\r\n width: 100%;\r\n height: 2px;\r\n border-color: #eee;\r\n}\r\n",".ory-plugins-content-image {\r\n max-width: 100%;\r\n &.ory-plugins-content-image--fw {\r\n width: 100%;\r\n }\r\n &.ory-plugins-content-image--small-height {\r\n max-height: 10rem;\r\n width: auto;\r\n }\r\n &.ory-plugins-content-image--medium-height {\r\n max-height: 15rem;\r\n width: auto;\r\n }\r\n &.ory-plugins-content-image--big-height {\r\n max-height: 20rem;\r\n width: auto;\r\n }\r\n}\r\n\r\n.ory-plugins-content-image__container {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.ory-plugins-content-image-placeholder {\r\n position: relative;\r\n width: 100%;\r\n text-align: center;\r\n}\r\n",".imageControls {\r\n .text-input input {\r\n color: $gray;\r\n }\r\n .uploadImageText__buttonContainer {\r\n right: 0;\r\n }\r\n}\r\n",".ory-plugins-content-slate-inline-toolbar {\r\n position: absolute;\r\n z-index: 1000;\r\n top: -10000px;\r\n left: -10000px;\r\n margin-top: -6px;\r\n opacity: 0;\r\n border-radius: 4px;\r\n transition: opacity 0.5s;\r\n}\r\n\r\n.ory-plugins-content-slate-inline-toolbar--hidden {\r\n opacity: 0 !important;\r\n pointer-events: none;\r\n}\r\n",".block-alignment-left{\r\n text-align: left;\r\n}\r\n.block-alignment-right{\r\n text-align: right;\r\n}\r\n.block-alignment-center{\r\n text-align: center;\r\n}\r\n.block-alignment-justify{\r\n text-align: justify;\r\n}","$black: rgba(black, 0.3);\r\n.ory-plugins-content-spacer {\r\n border: solid 1px $black;\r\n border-bottom: none !important;\r\n box-shadow: 0 0 0 1px white;\r\n position: relative;\r\n}\r\n\r\n.ory-plugins-content-spacer-read-only {\r\n border-color: transparent !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n.ory-plugins-content-spacer .react-resizable > .react-resizable-handle:before,\r\n.ory-plugins-content-spacer\r\n .react-resizable\r\n > .react-resizable-handle:hover:before {\r\n content: ' ';\r\n position: absolute;\r\n text-align: center;\r\n width: 100%;\r\n bottom: 0;\r\n right: 0;\r\n cursor: n-resize;\r\n line-height: 12px;\r\n font-size: 1.5em;\r\n height: 24px;\r\n}\r\n.ory-plugins-content-spacer__handle svg {\r\n fill: white;\r\n margin-top: -1px;\r\n}\r\n\r\n.ory-plugins-content-spacer__handle {\r\n position: absolute;\r\n bottom: 0;\r\n height: 24px;\r\n width: 100%;\r\n text-align: center;\r\n background-color: $black;\r\n box-shadow: 0px -1px white;\r\n}\r\n",".ory-plugins-content-video-placeholder {\r\n position: relative;\r\n width: 100%;\r\n text-align: center;\r\n}\r\n"],"names":[],"sourceRoot":""}