| 1 |
/* Preserve source layout; only native editor affordances receive added styling. */ |
| 2 |
.editor-styles-wrapper [data-bkbg-component] .block-editor-rich-text__editable { min-width: 1px; } |
| 3 |
.editor-styles-wrapper [data-bkbg-component] textarea.block-editor-plain-text { background: transparent; color: inherit; font: inherit; border: 0; padding: 0; resize: none; } |
| 4 |
.editor-styles-wrapper [data-bkbg-component] iframe { pointer-events: none; } |
| 5 |
.bkbg-template-inspector-richtext { margin-bottom: 16px; } |
| 6 |
.bkbg-template-inspector-richtext > label { display: block; margin-bottom: 8px; } |
| 7 |
.bkbg-template-inspector-richtext .block-editor-rich-text__editable { border: 1px solid #949494; border-radius: 2px; padding: 8px; min-height: 36px; } |
| 8 |
/* Accessible buttons have the same visual box as source pagination spans. */ |
| 9 |
[data-bkbg-template] button.swiper-pagination-bullet{appearance:none;padding:0;border:0;min-width:0;min-height:0;box-shadow:none;font:inherit;line-height:normal;cursor:pointer} |
| 10 |
|
| 11 |
/* Responsive pagination must not expose hidden buttons through source display rules. */ |
| 12 |
[data-bkbg-template] .swiper-pagination-bullet[hidden]{display:none!important} |
| 13 |
|
| 14 |
/* Keep the shared video close control clear of the player and source button styles. */ |
| 15 |
dialog.bkbg-template-video-dialog > button.bkbg-template-video-close { |
| 16 |
all: unset; |
| 17 |
position: absolute !important; |
| 18 |
top: 8px !important; |
| 19 |
right: 8px !important; |
| 20 |
left: auto !important; |
| 21 |
display: inline-flex !important; |
| 22 |
align-items: center !important; |
| 23 |
justify-content: center !important; |
| 24 |
box-sizing: border-box !important; |
| 25 |
width: 40px !important; |
| 26 |
height: 40px !important; |
| 27 |
min-width: 40px !important; |
| 28 |
min-height: 40px !important; |
| 29 |
padding: 0 !important; |
| 30 |
margin: 0 !important; |
| 31 |
border: 0 !important; |
| 32 |
border-radius: 50% !important; |
| 33 |
background: transparent !important; |
| 34 |
color: #fff !important; |
| 35 |
box-shadow: none !important; |
| 36 |
transform: none !important; |
| 37 |
cursor: pointer; |
| 38 |
opacity: .8; |
| 39 |
transition: background-color .15s ease, opacity .15s ease; |
| 40 |
} |
| 41 |
dialog.bkbg-template-video-dialog > button.bkbg-template-video-close:hover { |
| 42 |
background: rgba(255,255,255,.12) !important; |
| 43 |
opacity: 1; |
| 44 |
} |
| 45 |
dialog.bkbg-template-video-dialog > button.bkbg-template-video-close:focus-visible { |
| 46 |
outline: 2px solid #fff !important; |
| 47 |
outline-offset: 2px; |
| 48 |
opacity: 1; |
| 49 |
} |
| 50 |
dialog.bkbg-template-video-dialog > button.bkbg-template-video-close::before, |
| 51 |
dialog.bkbg-template-video-dialog > button.bkbg-template-video-close::after { content: none !important; } |
| 52 |
dialog.bkbg-template-video-dialog > button.bkbg-template-video-close > svg { |
| 53 |
display: block !important; |
| 54 |
width: 24px !important; |
| 55 |
height: 24px !important; |
| 56 |
fill: none !important; |
| 57 |
pointer-events: none; |
| 58 |
} |
| 59 |
|
| 60 |
|
| 61 |
/* Native source pagination retains the exact frontend box and animation. */ |
| 62 |
.editor-styles-wrapper [data-bkbg-component] button.swiper-pagination-bullet { appearance:none; padding:0; border:0; min-width:0; min-height:0; box-shadow:none; font:inherit; line-height:normal; cursor:pointer; } |
| 63 |
.bkbg-template-item-actions { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; } |
| 64 |
.bkbg-template-item-actions .components-button { height:32px; } |
| 65 |
.bkbg-template-item-image { display:grid; grid-template-columns:56px 1fr; align-items:center; gap:10px; margin-bottom:16px; } |
| 66 |
.bkbg-template-item-image > img { width:56px; height:56px; object-fit:cover; border-radius:4px; background:#f0f0f0; } |
| 67 |
.bkbg-template-item-image > .components-base-control { grid-column:1/-1; } |
| 68 |
|
