deprecated
3 months ago
advanced-spacer-control.js
3 months ago
block.json
1 month ago
edit.js
2 months ago
icon.svg
3 months ago
index.js
3 months ago
index.php
3 months ago
save.js
3 months ago
spacers.js
3 months ago
style.scss
1 week ago
transforms.js
3 months ago
style.scss
57 lines
| 1 | @use 'utils/breakpoints' as *; |
| 2 | |
| 3 | /*-------------------------------------------*/ |
| 4 | /* CSS |
| 5 | /*-------------------------------------------*/ |
| 6 | // 編集画面でcssの指定が軽くて負けるので、優� |
| 7 | �させるため .wp-block-vk-blocks-spacer を記述 |
| 8 | .wp-block-vk-blocks-spacer.vk_spacer { |
| 9 | margin-block-start:0; //デフォルトテーマでmargin-block-startがつくので打ち消し |
| 10 | margin-bottom: 0; |
| 11 | } |
| 12 | |
| 13 | .vk_spacer-type-margin-top, |
| 14 | .vk_spacer-type-margin-bottom{ |
| 15 | div[class*="vk_block-margin"]*="vk_block-margin""]{ |
| 16 | display:block; |
| 17 | overflow:hidden; |
| 18 | } |
| 19 | } |
| 20 | .vk_spacer-type-height { |
| 21 | display:block; |
| 22 | overflow:hidden; |
| 23 | } |
| 24 | @mixin switchVisibility($pc, $tablet, $mobile) { |
| 25 | .vk_spacer { |
| 26 | .vk_spacer-display-pc { |
| 27 | display: $pc; |
| 28 | } |
| 29 | |
| 30 | .vk_spacer-display-tablet { |
| 31 | display: $tablet; |
| 32 | } |
| 33 | |
| 34 | .vk_spacer-display-mobile { |
| 35 | display: $mobile; |
| 36 | } |
| 37 | } |
| 38 | } |
| 39 | |
| 40 | // Small devices (mobile) |
| 41 | @media (width < $xs) { |
| 42 | @include switchVisibility(none, none, block); |
| 43 | } |
| 44 | |
| 45 | // Medium devices (tablets) |
| 46 | // レンジ構文化により、旧記法(575.98px/576px)の間にあった帯なし区間(表示スイッチ� |
| 47 | �消え)が解消される。 |
| 48 | // Range syntax closes the tiny gap the old .98px/integer pair left uncovered (all three display:none). |
| 49 | @media ($xs <= width < $md) { |
| 50 | @include switchVisibility(none, block, none); |
| 51 | } |
| 52 | |
| 53 | // Large devices (desktops) |
| 54 | @media (width >= $md) { |
| 55 | @include switchVisibility(block, none, none); |
| 56 | } |
| 57 |