_editor_after.scss
5 days ago
_editor_after_admin_sidebar.scss
6 months ago
_editor_before.scss
5 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
5 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
5 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
5 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
5 days ago
_editor_common_core.scss
5 days ago
_variables.scss
2 years ago
editor-block-build-marge.scss
5 days ago
_editor_before_vk-posts.scss
248 lines
| 1 | /*-------------------------------------------*/ |
| 2 | /* vk_post Layout |
| 3 | /*-------------------------------------------*/ |
| 4 | /* If exclude the .vk_posts that, when you select the .media don't work */ |
| 5 | |
| 6 | // .vk_posts .editor-inner-blocks .editor-block-list__layout .wp-block .editor-block-list__block-edit div .vk_post-col { |
| 7 | |
| 8 | .vk_posts > .vk_posts-edit { |
| 9 | width: 100%; |
| 10 | .editor-block-list__layout, |
| 11 | .block-editor-block-list__layout { |
| 12 | display: flex; |
| 13 | flex-wrap: wrap; |
| 14 | padding: 0; |
| 15 | width: 100%; |
| 16 | } |
| 17 | .editor-block-list__block, |
| 18 | .block-editor-block-list__block { |
| 19 | margin: 0 15px 30px; |
| 20 | padding: 0; |
| 21 | &.has-background{ |
| 22 | padding: 1.25em 2.375em; |
| 23 | } |
| 24 | .block-editor-block-list__block-edit { |
| 25 | margin: 0; |
| 26 | height: 100%; |
| 27 | } |
| 28 | /* ここより下は編集機能以外でマイナスオフセットする� |
| 29 | 要はない */ |
| 30 | div[data-block]] { |
| 31 | margin: 0; |
| 32 | height: 100%; |
| 33 | // .vk_post { |
| 34 | // width:100%; |
| 35 | // height:100%; |
| 36 | // margin-top:0; |
| 37 | // } |
| 38 | } |
| 39 | & > .vk_post { |
| 40 | width: 100%; |
| 41 | height: 100%; |
| 42 | margin-top: 0; |
| 43 | } |
| 44 | } |
| 45 | |
| 46 | } //.vk_posts > .vk_posts-edit |
| 47 | |
| 48 | // ↓↓↓↓↓↓↓↓ これがないと wp-group に width:auto; 指定などがあって負けてしまうので、 |
| 49 | // カードブロックなどが編集画面で崩れる |
| 50 | |
| 51 | // .block-list-appender.wp-block はアイテム追加のインサーターのdiv |
| 52 | // � |
| 53 | 指定は「トップレベル子」のみを対象。 |
| 54 | // 併記している .editor-block-list__layout（旧） / .block-editor-block-list__layout（現行） はクラス名の互換性保持のため。 |
| 55 | |
| 56 | .vk_posts .vk_posts-edit { |
| 57 | &-col-xs-2 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 58 | &-col-xs-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 59 | &-col-xs-2 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 60 | &-col-xs-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 61 | width: calc(16.66% - 30px); |
| 62 | } |
| 63 | &-col-xs-3 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 64 | &-col-xs-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 65 | &-col-xs-3 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 66 | &-col-xs-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 67 | width: calc(25% - 30px); |
| 68 | } |
| 69 | &-col-xs-4 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 70 | &-col-xs-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 71 | &-col-xs-4 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 72 | &-col-xs-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 73 | width: calc(33.3% - 30px); |
| 74 | } |
| 75 | &-col-xs-6 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 76 | &-col-xs-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 77 | &-col-xs-6 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 78 | &-col-xs-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 79 | width: calc(50% - 30px); |
| 80 | } |
| 81 | &-col-xs-12 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 82 | &-col-xs-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 83 | &-col-xs-12 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 84 | &-col-xs-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 85 | width: calc(100% - 30px); |
| 86 | } |
| 87 | @media (width >= $xs) { |
| 88 | &-col-sm-2 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 89 | &-col-sm-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 90 | &-col-sm-2 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 91 | &-col-sm-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 92 | width: calc(16.66% - 30px); |
| 93 | } |
| 94 | &-col-sm-3 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 95 | &-col-sm-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 96 | &-col-sm-3 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 97 | &-col-sm-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 98 | width: calc(25% - 30px); |
| 99 | } |
| 100 | &-col-sm-4 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 101 | &-col-sm-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 102 | &-col-sm-4 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 103 | &-col-sm-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 104 | width: calc(33.3% - 30px); |
| 105 | } |
| 106 | &-col-sm-6 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 107 | &-col-sm-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 108 | &-col-sm-6 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 109 | &-col-sm-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 110 | width: calc(50% - 30px); |
| 111 | } |
| 112 | &-col-sm-12 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 113 | &-col-sm-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 114 | &-col-sm-12 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 115 | &-col-sm-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 116 | width: calc(100% - 30px); |
| 117 | } |
| 118 | } |
| 119 | @media (width >= $sm) { |
| 120 | &-col-md-2 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 121 | &-col-md-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 122 | &-col-md-2 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 123 | &-col-md-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 124 | width: calc(16.66% - 30px); |
| 125 | } |
| 126 | &-col-md-3 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 127 | &-col-md-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 128 | &-col-md-3 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 129 | &-col-md-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 130 | width: calc(25% - 30px); |
| 131 | } |
| 132 | &-col-md-4 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 133 | &-col-md-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 134 | &-col-md-4 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 135 | &-col-md-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 136 | width: calc(33.3% - 30px); |
| 137 | } |
| 138 | &-col-md-6 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 139 | &-col-md-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 140 | &-col-md-6 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 141 | &-col-md-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 142 | width: calc(50% - 30px); |
| 143 | } |
| 144 | &-col-md-12 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 145 | &-col-md-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 146 | &-col-md-12 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 147 | &-col-md-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 148 | width: calc(100% - 30px); |
| 149 | } |
| 150 | } |
| 151 | @media (width >= $md) { |
| 152 | &-col-lg-2 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 153 | &-col-lg-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 154 | &-col-lg-2 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 155 | &-col-lg-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 156 | width: calc(16.66% - 30px); |
| 157 | } |
| 158 | &-col-lg-3 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 159 | &-col-lg-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 160 | &-col-lg-3 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 161 | &-col-lg-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 162 | width: calc(25% - 30px); |
| 163 | } |
| 164 | &-col-lg-4 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 165 | &-col-lg-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 166 | &-col-lg-4 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 167 | &-col-lg-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 168 | width: calc(33.3% - 30px); |
| 169 | } |
| 170 | &-col-lg-6 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 171 | &-col-lg-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 172 | &-col-lg-6 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 173 | &-col-lg-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 174 | width: calc(50% - 30px); |
| 175 | } |
| 176 | &-col-lg-12 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 177 | &-col-lg-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 178 | &-col-lg-12 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 179 | &-col-lg-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 180 | width: calc(100% - 30px); |
| 181 | } |
| 182 | } |
| 183 | @media (width >= $lg) { |
| 184 | &-col-xl-2 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 185 | &-col-xl-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 186 | &-col-xl-2 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 187 | &-col-xl-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 188 | width: calc(16.66% - 30px); |
| 189 | } |
| 190 | &-col-xl-3 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 191 | &-col-xl-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 192 | &-col-xl-3 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 193 | &-col-xl-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 194 | width: calc(25% - 30px); |
| 195 | } |
| 196 | &-col-xl-4 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 197 | &-col-xl-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 198 | &-col-xl-4 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 199 | &-col-xl-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 200 | width: calc(33.3% - 30px); |
| 201 | } |
| 202 | &-col-xl-6 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 203 | &-col-xl-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 204 | &-col-xl-6 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 205 | &-col-xl-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 206 | width: calc(50% - 30px); |
| 207 | } |
| 208 | &-col-xl-12 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 209 | &-col-xl-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 210 | &-col-xl-12 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 211 | &-col-xl-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 212 | width: calc(100% - 30px); |
| 213 | } |
| 214 | } |
| 215 | @media (width >= $xl) { |
| 216 | &-col-xxl-2 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 217 | &-col-xxl-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 218 | &-col-xxl-2 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 219 | &-col-xxl-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 220 | width: calc(16.66% - 30px); |
| 221 | } |
| 222 | &-col-xxl-3 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 223 | &-col-xxl-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 224 | &-col-xxl-3 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 225 | &-col-xxl-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 226 | width: calc(25% - 30px); |
| 227 | } |
| 228 | &-col-xxl-4 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 229 | &-col-xxl-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 230 | &-col-xxl-4 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 231 | &-col-xxl-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 232 | width: calc(33.3% - 30px); |
| 233 | } |
| 234 | &-col-xxl-6 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 235 | &-col-xxl-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 236 | &-col-xxl-6 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 237 | &-col-xxl-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 238 | width: calc(50% - 30px); |
| 239 | } |
| 240 | &-col-xxl-12 > .block-editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block, |
| 241 | &-col-xxl-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block, |
| 242 | &-col-xxl-12 > .block-editor-inner-blocks > .editor-block-list__layout > .block-list-appender.wp-block, |
| 243 | &-col-xxl-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender.wp-block { |
| 244 | width: calc(100% - 30px); |
| 245 | } |
| 246 | } |
| 247 | } |
| 248 |