| @@ -1721,4 +1721,48 @@ | ||
| 1721 | 1721 | .bkbg-typo-popover .bkbg-unit-btn { |
| 1722 | 1722 | font-size: 11px !important; |
| 1723 | 1723 | } |
| 1724 | 1724 | |
| 1725 | +/* Custom HTML is used as full-width page sections. Theme content-size otherwise boxes and centers it. | |
| 1726 | + Do not use 100vw here: it includes the scrollbar and padding, so sections overflow the canvas. */ | |
| 1727 | +.editor-styles-wrapper .block-editor-block-list__block[data-type="core/html"] { | |
| 1728 | + max-width: none !important; | |
| 1729 | + width: 100%; | |
| 1730 | + box-sizing: border-box; | |
| 1731 | + overflow-x: clip; | |
| 1732 | +} | |
| 1733 | + | |
| 1734 | +.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .block-editor-block-list__block[data-type="core/html"] { | |
| 1735 | + margin-left: calc(-1 * var(--wp--style--root--padding-left, 0px)) !important; | |
| 1736 | + margin-right: calc(-1 * var(--wp--style--root--padding-right, 0px)) !important; | |
| 1737 | + width: auto !important; | |
| 1738 | + max-width: none !important; | |
| 1739 | +} | |
| 1740 | + | |
| 1741 | +.editor-styles-wrapper .block-editor-block-list__block[data-type="core/html"] > :where(section, div, header, footer, article, main, aside), | |
| 1742 | +.editor-styles-wrapper .block-editor-block-list__block[data-type="core/html"] .block-editor-inner-content > :where(section, div, header, footer, article, main, aside) { | |
| 1743 | + box-sizing: border-box !important; | |
| 1744 | + width: 100% !important; | |
| 1745 | + max-width: 100% !important; | |
| 1746 | + margin-left: 0 !important; | |
| 1747 | + margin-right: 0 !important; | |
| 1748 | + left: auto !important; | |
| 1749 | + transform: none !important; | |
| 1750 | +} | |
| 1751 | + | |
| 1752 | +.editor-styles-wrapper.bkbg-ai-html-picking [data-type="core/html"] { | |
| 1753 | + cursor: crosshair; | |
| 1754 | +} | |
| 1755 | + | |
| 1756 | +.editor-styles-wrapper [data-bkbg-html-target] { | |
| 1757 | + outline: 2px solid #8668ff; | |
| 1758 | + outline-offset: 3px; | |
| 1759 | + position: relative; | |
| 1760 | +} | |
| 1761 | + | |
| 1762 | +.editor-styles-wrapper .block-editor-block-list__block[data-type="core/html"] img, | |
| 1763 | +.editor-styles-wrapper .block-editor-block-list__block[data-type="core/html"] video, | |
| 1764 | +.editor-styles-wrapper .block-editor-block-list__block[data-type="core/html"] iframe { | |
| 1765 | + max-width: 100%; | |
| 1766 | + height: auto; | |
| 1767 | +} | |
| 1768 | + | |
