{"version":3,"file":"./assets/css/block.editor.styles.css","sources":["webpack://flexible-faqs/./src/blocks/editor.scss"],"sourcesContent":["//@import \"/text-expand/assets/editor.scss\";\n//@import \"/flexible-faqs-submit/assets/editor.scss\";\n\n// Editor styles common to all faq blocks\n// Admin styles\n// @todo these probably should be added to admin only stylesheet and enqueued separately?\n// Could maybe add them to the component directly?\n\n// Modal spinner styles\n.modal-buttons .modal-spinner {\n\tflex-grow: 1;\n\ttext-align: right;\n\talign-self: center;\n}\n\n// Accordion mode inspector styles.\n.components-panel__row.faq-accordion-mode-row {\n\tdisplay: block;\n\twidth: 65%;\n\t//margin-bottom: 20px;\n}\n\n.components-panel__row.qa-separator-mode-row,\n.components-panel__row.faq-separator-mode-row {\n\tdisplay: block;\n\twidth: 80%;\n}\n\n// Auto-expand inspector styles.\n.components-panel__row.faq-auto-expand-row {\n\tjustify-content: space-between;\n\talign-items: flex-end;\n\n\t.components-base-control,\n\t.components-base-control__field {\n\t\tmargin-bottom: 0;\n\t}\n}\n\n// Remove numerical spinner from number input boxes.\n\n/* Chrome, Safari, Edge, Opera */\n// input.components-text-control__input.num::-webkit-outer-spin-button,\n// input.components-text-control__input.num::-webkit-inner-spin-button {\n// \t-webkit-appearance: none;\n// \tmargin: 0;\n// }\n\n/* Firefox */\n// input.components-text-control__input.num[type='number'] {\n// \t-moz-appearance: textfield;\n// \tfont-size: 12px;\n// \twidth: 45px;\n// }\n\n// Manage themes modal.\ntable.render-custom-themes {\n\twidth: 100%;\n\n\t.modal-edit-faq-description {\n\t\t// .components-text-control__input {\n\t\t//   margin-top: 8px;\n\t\t// }\n\t\t.components-base-control {\n\t\t\t// width: 100%;\n\t\t\t// width: calc(100% - 44px);\n\t\t\tmargin: 0 0 10px;\n\t\t}\n\t}\n\n\t// .modal-edit-faq-name {\n\t//   display: flex;\n\t//   justify-content: space-between;\n\t//   align-items: center;\n\t// }\n\n\t// .components-base-control {\n\t//   width: 100%;\n\t//   margin: 0 10px 0 0;\n\t// }\n\n\t.components-base-control__field {\n\t\tmargin-bottom: 0;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\n\t\tlabel {\n\t\t\twidth: 95px;\n\t\t\tmargin-right: 10px;\n\t\t\ttext-align: end;\n\t\t}\n\t}\n\n\tbutton.components-button.is-button {\n\t\tpadding: 0 3px 0px;\n\t\t//height: 32px;\n\t}\n}\n\n// FAQ theme popout menu.\n.faq-theme-popout {\n\t.dashicons.dashicons-admin-generic {\n\t\twidth: 15px;\n\t\theight: 15px;\n\t\tfont-size: 15px;\n\t}\n}\n\n// Debug.\n\n.faq-debug-heading {\n\tmargin-bottom: 2px !important;\n\tcolor: #d63e3e !important;\n}\n\n.faq-debug {\n\twidth: 100%;\n\tborder: 1px dotted #d63e3e; // #ccc;\n\tborder-radius: 3px;\n\tpadding: 8px 12px;\n\tmargin: 5px 0 20px;\n\tborder-spacing: 0;\n\n\t.faq-debug-val {\n\t\tpadding-left: 10px;\n\t}\n\n\t.faq-debug-key {\n\t\tpadding-right: 10px;\n\t\tfont-weight: bold;\n\t\tborder-right: 1px #ccc solid;\n\t}\n\n\ttr {\n\t\tvertical-align: text-top;\n\t}\n}\n\n// Misc.\n\n.modal-duplicate-faq-theme,\n.modal-duplicate-faq-theme-unsaved {\n\t.modal-buttons {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t}\n}\n\n.modal-duplicate-faq-theme-unsaved {\n\t.modal-discard-changes {\n\t\tmargin: 20px 0;\n\t}\n}\n\n.modal-duplicate-faq-theme {\n\tmin-width: 400px;\n\tmax-width: 500px;\n\n\t.raw-data-delayed textarea {\n\t\tfont-family: monospace;\n\t\tfont-size: 14px;\n\t\tline-height: 18px;\n\t}\n\n\t.parse-error {\n\t\tcolor: red;\n\t\tmargin: -5px 0 12px;\n\t}\n\n\t.raw-data-delayed {\n\t\tfont-family: monospace;\n\t\tfont-size: 14px;\n\t\tline-height: 18px;\n\t}\n\n\t// .child-page-listing {\n\t//   margin-bottom: 20px;\n\t// }\n\n\timg {\n\t\twidth: 100%; /* need to overwrite inline dimensions */\n\t\theight: auto;\n\t}\n\th2 {\n\t\tmargin-bottom: 0.5em;\n\t}\n\t// .grid-container {\n\t//   display: grid;\n\t//   grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n\t//   grid-gap: 1em;\n\t// }\n\n\t/* hover styles */\n\t.location-listing {\n\t\tposition: relative;\n\t}\n\n\t.location-image {\n\t\tline-height: 0;\n\t\toverflow: hidden;\n\t}\n\n\t.location-image img {\n\t\tfilter: blur(0px);\n\t\ttransition: filter 0.3s ease-in;\n\t\ttransform: scale(1.1);\n\t}\n\n\t.location-title {\n\t\tfont-size: 1.5em;\n\t\tfont-weight: bold;\n\t\ttext-decoration: none;\n\t\tz-index: 1;\n\t\tposition: absolute;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\topacity: 0;\n\t\ttransition: opacity 0.5s;\n\t\tbackground: rgba(20, 20, 20, 0.3);\n\t\tcolor: white;\n\n\t\t/* position the text in middle*/\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tflex-direction: column;\n\t}\n\n\t.location-listing:hover .location-title {\n\t\topacity: 1;\n\t}\n\n\t.location-listing:hover .location-image img {\n\t\tfilter: blur(2px);\n\t}\n}\n\n// Pop-out menu styles.\n\n.faq-theme-popup-menu {\n\n\t.components-menu-group {\n\t\tpadding: 2px;\n\t}\n\n\t// Menu item icon.\n\t.components-menu-item__button .dashicons {\n\t\tpadding: 0;\n\t\tmargin: 0 5px 0 0;\n\t}\n\n\t// Reset menu icon.\n\t.components-menu-item__button .dashicons-image-rotate,\n\t.components-menu-item__button .dashicons-admin-appearance {\n\t\tfont-size: 14px;\n\t\twidth: 14px;\n\t\theight: 14px;\n\t}\n\n\t// Manage custom themes icon.\n\t.components-menu-item__button .dashicons-admin-tools {\n\t\tfont-size: 18px;\n\t\twidth: 18px;\n\t\theight: 18px;\n\t\tmargin: 0 2px 0 -1px;\n\t}\n\n\t// Create custom themes icon.\n\t.components-menu-item__button .dashicons-format-gallery {\n\t\tfont-size: 14px;\n\t\twidth: 14px;\n\t\theight: 14px;\n\t}\n\n\t// Menu item text.\n\t.components-menu-item__button .components-menu-item__item {\n\t\torder: 1;\n\t}\n}\n\n// Delete these?\n\n// .faq-theme-popup-menu.components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content {\n// \tmargin-right: -15px;\n// }\n// .faq-theme-popup-menu .components-dropdown-menu__menu .components-menu-item__button.components-icon-button.has-icon,\n// .faq-theme-popup-menu .components-dropdown-menu__menu .components-menu-item__button.has-icon {\n// \tpadding-left: 0.7rem;\n// }\n// .faq-theme-popup-menu.components-popover:not(.is-mobile) .components-popover__content {\n// \tmin-width: 175px;\n// }\n// .faq-theme-popup-menu .components-dropdown-menu__menu {\n// \tpadding: 5px 0;\n// }\n// .faq-theme-popup-menu svg {\n// \twidth: 14px;\n// \theight: 14px;\n// }\n\n\n.edit-post-settings-sidebar__panel-block .components-panel__body.faq-question-panel {\n\tmargin-top: 16px;\n}\n\n// styles for the toggle control\n.faq-data-source-panel {\n\t.components-toggle-control > div.components-base-control__field {\n\t\tjustify-content: space-between;\n\t\tmargin-bottom: -15px;\n\t\tmargin-top: 10px;\n\t}\n\n\t.components-toggle-control > div span.components-form-toggle {\n\t\torder: 2;\n\t\tmargin-right: 0;\n\t}\n\n\t.components-panel__row {\n\t\tmargin-bottom: 10px;\n\t}\n}\n\n// Expand icon inspector panel\n.faq-icon-expand-panel {\n\t.components-panel__row.expand-icon-row .components-base-control__field {\n\t\tmargin-bottom: 0;\n\t}\n}\n\n// FAQ separator border & FAQ item border\n\n// Text input combo\n\n.components-panel__row.faq-text-input-combo {\n\tmargin-top: 10px;\n}\n\n.components-panel__row.faq-text-input-combo > div,\n.components-panel__row.faq-text-input-combo > .components-base-control:last-child {\n\tmargin-bottom: 12px;\n}\n\n.components-panel__row.faq-text-input-combo .components-text-control__input {\n\twidth: 120px;\n}\n\n// Box shadow text input\n.components-panel__row.faq-text-input-combo .box-shadow-input .components-text-control__input {\n\twidth: 160px;\n}\n\n// Number input and unit combo\n\n.faq-number-input-unit-combo .components-base-control {\n\tmargin-bottom: 10px;\n}\n\n// Button Group\n.components-panel__row.faq-btn-group {\n\tmargin-top: 5px;\n}\n\n.components-panel__row.faq-btn-group button.has-icon > svg {\n\twidth: 16px;\n\theight: 16px;\n}\n\n.components-panel__row.faq-btn-group button.has-icon {\n\tpadding: 5px;\n}\n\n// .number-ranges-four panel row\n.number-ranges-four,\n.number-ranges-four-compact {\n\tmargin-top: 0;\n}\n\n// Font options.\n\n.components-panel__row.font-options-label {\n\th2 {\n\t\tmargin-bottom: 0;\n\t}\n}\n\n.components-panel__row.font-options {\n\tmargin-top: 0;\n\tmargin-bottom: 15px;\n\n\t.components-text-control__input {\n\t\tmax-width: 52px;\n\t}\n\n\t.components-base-control,\n\t.components-base-control__field {\n\t\tmargin-bottom: 0;\n\t}\n\n\tselect {\n\t\tmin-width: 132px;\n\t}\n}\n\n// .border-radius panel row\n.border-radius-row {\n\tmargin-top: 5px;\n}\n\n// .react-multi-color-picker panel row\n.react-multi-color-picker {\n\tmargin-top: 5px;\n}\n\n.components-panel__row.toggle-faq-title-row {\n\tmargin-top: 15px;\n}\n\n.components-panel__row.faq-descr-row {\n\tmargin-top: 5px;\n}\n\n.components-panel__row.align-faq-title-row {\n\tmargin: 10px 0 0 0;\n}\n\n.components-panel__row.container-border-row {\n\tmargin-top: 10px;\n}\n\n// Separator styles\n\n.components-panel__row.q-a-separator-border,\n.components-panel__row.faq-separator-border-row {\n\tmargin: 10px 0 15px 0;\n}\n\n.components-panel__row.toggle-qa-separator {\n\tmargin: 15px 0 -10px 0;\n}\n\n.components-panel__row.toggle-faq-separator {\n\tmargin: 10px 0 -10px 0;\n}\n\n.components-panel__body.faq-question-panel .components-base-control .components-base-control__help {\n\tmargin-top: 5px;\n}\n"],"mappings":"AASA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AAGA;;AAEA;AACA;AACA;AAGA;AACA;AACA;AAFA;;AAMA;AACA;AAKA;AAOA;AAQA;AACA;AADA;AAUA;AAVA;AA0BA;AACA;AACA;AA5BA;AA+BA;AACA;AACA;AAjCA;AAsCA;AACA;AAKA;AAEA;AACA;AACA;AACA;AAKA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AANA;AASA;AATA;AAaA;AACA;AACA;AAfA;AAmBA;AACA;AAKA;;AAGA;AACA;AACA;AAGA;AAEA;AACA;AAGA;AACA;AACA;AAoCA;AAtCA;AAKA;AACA;AACA;AAPA;AAWA;AACA;AAZA;AAgBA;AACA;AACA;AAlBA;AA0BA;AAAA;AACA;AA3BA;AA8BA;AA9BA;AAwCA;AAxCA;AA4CA;AACA;AA7CA;AAiDA;AACA;AACA;AAnDA;AAuDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAzEA;AA6EA;AA7EA;AAiFA;AACA;AAKA;AAGA;AACA;AAJA;AAQA;AACA;AACA;AAVA;;AAeA;AACA;AACA;AACA;AAlBA;AAsBA;AACA;AACA;AACA;AACA;AA1BA;AA8BA;AACA;AACA;AACA;AAjCA;AAqCA;AACA;AAwBA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AALA;AAQA;AACA;AACA;AAVA;AAaA;AACA;AAIA;AAEA;AACA;AAOA;AACA;AACA;AAEA;;AAEA;AACA;AAEA;AACA;AACA;AAGA;AACA;AACA;AAIA;AACA;AACA;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAGA;;AAEA;AACA;AAIA;AAEA;AACA;AAGA;AACA;AACA;AAFA;AAKA;AALA;;AAUA;AAVA;AAcA;AACA;AAIA;AACA;AACA;AAGA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAIA;;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;;","sourceRoot":""}