_editor_after.scss
1 year ago
_editor_after_admin_sidebar.scss
5 months ago
_editor_before.scss
2 weeks ago
_editor_before_animation.scss
9 months ago
_editor_before_appender.scss
3 years ago
_editor_before_archive-list.scss
3 years ago
_editor_before_balloon.scss
2 years ago
_editor_before_border-box.scss
3 years ago
_editor_before_breadcrumb.scss
3 years ago
_editor_before_button-outer.scss
3 years ago
_editor_before_button.scss
1 year ago
_editor_before_custom-block-variation.scss
2 years ago
_editor_before_custom-css-extension.scss
2 years ago
_editor_before_faq.scss
3 years ago
_editor_before_fixed-display.scss
9 months ago
_editor_before_grid-column.scss
1 year ago
_editor_before_gridcolcard.scss
1 year ago
_editor_before_icon-card.scss
3 years ago
_editor_before_icon.scss
3 years ago
_editor_before_icon_list.scss
2 years ago
_editor_before_icons.scss
3 years ago
_editor_before_navigation.scss
2 weeks ago
_editor_before_outer.scss
7 months ago
_editor_before_select-post.scss
3 years ago
_editor_before_slider.scss
1 year ago
_editor_before_tab.scss
1 year ago
_editor_before_table.scss
3 years ago
_editor_before_template_inserter.scss
3 years ago
_editor_before_vk-heading.scss
3 years ago
_editor_before_vk-posts.scss
9 months ago
_editor_common_core.scss
3 months ago
_variables.scss
1 year ago
editor-block-build-marge.scss
2 weeks ago
_editor_before_outer.scss
71 lines
| 1 | /* |
| 2 | アウターが� |
| 3 | �� |
| 4 | で インナーもコンテンツエリアを突き抜けて広げる処理 |
| 5 | -----------------------------------------------*/ |
| 6 | .vk_outer-width-full.vk_outer-paddingLR-use, |
| 7 | .vk_outer-width-full.vk_outer-paddingLR-zero{ |
| 8 | // コンテント� |
| 9 | を使用する設定がある場合はそちらを優� |
| 10 | �させるため :not() で除外 |
| 11 | .vk_outer_container > .block-editor-inner-blocks > :where(:not(.is-layout-constrained)) { |
| 12 | // コンテンツエリアをはみ出させる |
| 13 | .wp-block:where(:not( |
| 14 | .alignfull, |
| 15 | .alignwide, |
| 16 | [data-align="wide"], |
| 17 | [data-align="full"] |
| 18 | )) { |
| 19 | max-width:100%; |
| 20 | .is-layout-constrained { |
| 21 | width: var(--vk-width-container); |
| 22 | max-width: var(--vk-width-container); |
| 23 | } |
| 24 | } |
| 25 | } |
| 26 | } |
| 27 | |
| 28 | .wp-block-vk-blocks-outer.vk_outer.vk_outer-width-full { |
| 29 | width: var(--vk-width-full); |
| 30 | max-width: var(--vk-width-full); |
| 31 | margin-left: 0; |
| 32 | margin-right: 0; |
| 33 | padding-left: 0; |
| 34 | padding-right: 0; |
| 35 | &.vk_outer-paddingLR-use{ |
| 36 | padding-left: var(--vk-outer-padding); |
| 37 | padding-right: var(--vk-outer-padding); |
| 38 | } |
| 39 | &.vk_outer-paddingLR-use, |
| 40 | &.vk_outer-paddingLR-zero { |
| 41 | .block-editor-inner-blocks { |
| 42 | max-width: var(--vk-width-full); |
| 43 | } |
| 44 | } |
| 45 | .block-editor-inner-blocks { |
| 46 | // max-width: 1110px; |
| 47 | margin: auto; |
| 48 | } |
| 49 | &.vk_outer-paddingLR-use { |
| 50 | [data-align=wide]=wide] { |
| 51 | width: calc( var(--vk-width-full) - var(--vk-outer-padding) ); |
| 52 | max-width: calc( var(--vk-width-full) - var(--vk-outer-padding) ); |
| 53 | margin-left: calc( var(--vk-outer-padding) / -2 ); |
| 54 | } |
| 55 | [data-align=full]=full] { |
| 56 | width: var(--vk-width-full); |
| 57 | max-width: var(--vk-width-full); |
| 58 | margin-left: calc( var(--vk-outer-padding) * -1 ); |
| 59 | } |
| 60 | } |
| 61 | &.vk_outer-paddingLR-none { |
| 62 | [data-align=wide]=wide] { |
| 63 | width: calc( var(--vk-width-container) + ( var(--vk-width-full) - var(--vk-width-container) ) / 2 ); |
| 64 | max-width: calc( var(--vk-width-container) + ( var(--vk-width-full) - var(--vk-width-container) ) / 2 ); |
| 65 | margin-left: calc( ( var(--vk-width-container) - var(--vk-width-full) ) / 4 ); |
| 66 | } |
| 67 | [data-align=full]=full] { |
| 68 | margin-left: calc( ( var(--vk-width-container) - var(--vk-width-full) ) / 2 ); |
| 69 | } |
| 70 | } |
| 71 | } |