_editor_after.scss
6 days ago
_editor_after_admin_sidebar.scss
6 months ago
_editor_before.scss
6 days ago
_editor_before_animation.scss
11 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
11 months ago
_editor_before_grid-column.scss
6 days 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
6 days ago
_editor_before_icons.scss
3 years ago
_editor_before_navigation.scss
2 months ago
_editor_before_outer.scss
9 months ago
_editor_before_select-post.scss
6 days 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
6 days ago
_editor_common_core.scss
6 days ago
_variables.scss
2 years ago
editor-block-build-marge.scss
6 days ago
_editor_before_slider.scss
47 lines
| 1 | /*-------------------------------------------*/ |
| 2 | /* 管理画面 |
| 3 | /*-------------------------------------------*/ |
| 4 | // .edit-post-visual-editor だとモバイルやタブレットの iframe で効かないので .editor-styles-wrapper で指定 |
| 5 | .editor-styles-wrapper{ |
| 6 | .is-layout-constrained .vk_slider_item-background-area { |
| 7 | max-width: 100%; // コアが --wp--style--global--content-size つけてくるので打消し |
| 8 | } |
| 9 | .vk_slider.vk_swiper{ |
| 10 | &.vk_slider_editorMode--default {//編集モードが編集の時 |
| 11 | .vk_slider_item { |
| 12 | display: flex; |
| 13 | } |
| 14 | } |
| 15 | .vk_slider_item { |
| 16 | box-sizing: border-box; |
| 17 | //デバイス毎の高さに数字を� |
| 18 | �れ、その高さよりも大きいブロックが� |
| 19 | �った場合に編集画面ではみ出すので追加 |
| 20 | overflow: hidden; |
| 21 | //編集画面ではswiper-slideのクラス名がついていない（クリックすると付与される）ので、swiper-slideと同じプロパティを追加 |
| 22 | display: flex; |
| 23 | flex-direction: column; |
| 24 | // Lightning theme.json 有効時など コアが margin-block-start: 24px; つけてくるので打消し |
| 25 | .vk_slider_item-background-area, |
| 26 | .vk_slider_item_container{ |
| 27 | margin-block-start: 0; // コアが margin-block-start: 24px; つけてくるので打消し |
| 28 | } |
| 29 | } |
| 30 | &.alignwide, |
| 31 | &.alignfull { |
| 32 | .vk_slider_item { |
| 33 | max-width:100%; |
| 34 | &.vk_slider_item-paddingLR-use, |
| 35 | &.vk_slider_item-paddingLR-zero{ |
| 36 | .vk_slider_item_container{ |
| 37 | max-width:100%; |
| 38 | & > *:where(:not(.is-layout-constrained)){ |
| 39 | max-width:100%; |
| 40 | } |
| 41 | } |
| 42 | } |
| 43 | } |
| 44 | } |
| 45 | } |
| 46 | } |
| 47 |