| | |
|---|
| | | /*!********************************************************************************************************************************************************************************************************************************************!*\ |
|---|
| | | !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/faq/editor.scss ***! |
|---|
| | | \********************************************************************************************************************************************************************************************************************************************/ |
|---|
| | | /** |
|---|
| | | * FAQ Block - Editor Styles |
|---|
| | | */ |
|---|
| | | .faq-block-editor { |
|---|
| | | padding: 2rem; |
|---|
| | | border: 2px dashed #ccc; |
|---|
| | | border-radius: 8px; |
|---|
| | | background: #f9f9f9; |
|---|
| | | } |
|---|
| | | .faq-block-editor .faq-block-preview { |
|---|
| | | text-align: center; |
|---|
| | | } |
|---|
| | | .faq-block-editor .faq-block-preview h3 { |
|---|
| | | margin: 0 0 0.5rem; |
|---|
| | | font-size: 1.25rem; |
|---|
| | | font-weight: 600; |
|---|
| | | } |
|---|
| | | .faq-block-editor .faq-block-preview > p { |
|---|
| | | margin: 0 0 1.5rem; |
|---|
| | | color: #666; |
|---|
| | | } |
|---|
| | | .faq-block-editor .faq-block-preview .faq-sections-preview { |
|---|
| | | margin-top: 1.5rem; |
|---|
| | | text-align: right; |
|---|
| | | background: white; |
|---|
| | | padding: 1rem; |
|---|
| | | border-radius: 4px; |
|---|
| | | } |
|---|
| | | .faq-block-editor .faq-block-preview .faq-sections-preview strong { |
|---|
| | | display: block; |
|---|
| | | margin-bottom: 0.5rem; |
|---|
| | | } |
|---|
| | | .faq-block-editor .faq-block-preview .faq-sections-preview ol { |
|---|
| | | margin: 0; |
|---|
| | | padding-right: 1.5rem; |
|---|
| | | } |
|---|
| | | .faq-block-editor .faq-block-preview .faq-sections-preview ol li { |
|---|
| | | margin: 0.25rem 0; |
|---|
| | | padding: 0.25rem 0; |
|---|
| | | } |
|---|
| | | .faq-section-list { |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | gap: 0.5rem; |
|---|
| | | margin-top: 0.5rem; |
|---|
| | | } |
|---|
| | | .faq-section-item { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | gap: 0.5rem; |
|---|
| | | padding: 0.5rem 0.75rem; |
|---|
| | | background: white; |
|---|
| | | border: 1px solid #ddd; |
|---|
| | | border-radius: 4px; |
|---|
| | | transition: background 150ms ease; |
|---|
| | | } |
|---|
| | | .faq-section-item:hover { |
|---|
| | | background: #f9f9f9; |
|---|
| | | } |
|---|
| | | .faq-section-controls { |
|---|
| | | display: flex; |
|---|
| | | gap: 0.25rem; |
|---|
| | | flex-shrink: 0; |
|---|
| | | } |
|---|
| | | .faq-section-button { |
|---|
| | | min-width: 30px !important; |
|---|
| | | padding: 4px !important; |
|---|
| | | height: 30px !important; |
|---|
| | | } |
|---|
| | | .faq-section-button:disabled { |
|---|
| | | opacity: 0.3; |
|---|
| | | cursor: not-allowed; |
|---|
| | | } |
|---|
| | | .faq-section-name { |
|---|
| | | flex: 1; |
|---|
| | | font-weight: 500; |
|---|
| | | padding-right: 0.5rem; |
|---|
| | | } |
|---|
| | | .components-panel__body .components-notice { |
|---|
| | | margin: 1rem 0; |
|---|
| | | } |
|---|
| | | .faq-block-editor{background:#f9f9f9;border:2px dashed #ccc;border-radius:8px;padding:2rem}.faq-block-editor .faq-block-preview{text-align:center}.faq-block-editor .faq-block-preview h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.faq-block-editor .faq-block-preview>p{color:#666;margin:0 0 1.5rem}.faq-block-editor .faq-block-preview .faq-sections-preview{background:#fff;border-radius:4px;margin-top:1.5rem;padding:1rem;text-align:right}.faq-block-editor .faq-block-preview .faq-sections-preview strong{display:block;margin-bottom:.5rem}.faq-block-editor .faq-block-preview .faq-sections-preview ol{margin:0;padding-right:1.5rem}.faq-block-editor .faq-block-preview .faq-sections-preview ol li{margin:.25rem 0;padding:.25rem 0}.faq-section-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.faq-section-item{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;display:flex;gap:.5rem;padding:.5rem .75rem;transition:background .15s ease}.faq-section-item:hover{background:#f9f9f9}.faq-section-controls{display:flex;flex-shrink:0;gap:.25rem}.faq-section-button{height:30px!important;min-width:30px!important;padding:4px!important}.faq-section-button:disabled{cursor:not-allowed;opacity:.3}.faq-section-name{flex:1;font-weight:500;padding-right:.5rem}.components-panel__body .components-notice{margin:1rem 0} |
|---|
