deprecated
2 months ago
advanced-spacer-control.js
2 months ago
block.json
6 days ago
edit.js
2 weeks ago
icon.svg
2 months ago
index.js
2 months ago
index.php
2 months ago
save.js
2 months ago
spacers.js
2 months ago
style.scss
2 months ago
transforms.js
2 months ago
style.scss
52 lines
| 1 | /*-------------------------------------------*/ |
| 2 | /* CSS |
| 3 | /*-------------------------------------------*/ |
| 4 | // 編集画面でcssの指定が軽くて負けるので、優� |
| 5 | �させるため .wp-block-vk-blocks-spacer を記述 |
| 6 | .wp-block-vk-blocks-spacer.vk_spacer { |
| 7 | margin-block-start:0; //デフォルトテーマでmargin-block-startがつくので打ち消し |
| 8 | margin-bottom: 0; |
| 9 | } |
| 10 | |
| 11 | .vk_spacer-type-margin-top, |
| 12 | .vk_spacer-type-margin-bottom{ |
| 13 | div[class*="vk_block-margin"]*="vk_block-margin""]{ |
| 14 | display:block; |
| 15 | overflow:hidden; |
| 16 | } |
| 17 | } |
| 18 | .vk_spacer-type-height { |
| 19 | display:block; |
| 20 | overflow:hidden; |
| 21 | } |
| 22 | @mixin switchVisibility($pc, $tablet, $mobile) { |
| 23 | .vk_spacer { |
| 24 | .vk_spacer-display-pc { |
| 25 | display: $pc; |
| 26 | } |
| 27 | |
| 28 | .vk_spacer-display-tablet { |
| 29 | display: $tablet; |
| 30 | } |
| 31 | |
| 32 | .vk_spacer-display-mobile { |
| 33 | display: $mobile; |
| 34 | } |
| 35 | } |
| 36 | } |
| 37 | |
| 38 | // Small devices (landscape phones, 575.98px以下) |
| 39 | @media (max-width: 575.98px) { |
| 40 | @include switchVisibility(none, none, block); |
| 41 | } |
| 42 | |
| 43 | // Medium devices (tablets, 577pxから 991.98px) |
| 44 | @media (min-width: 576px) and (max-width: 991.98px) { |
| 45 | @include switchVisibility(none, block, none); |
| 46 | } |
| 47 | |
| 48 | // Large devices (desktops, 992px以上) |
| 49 | @media (min-width: 992px) { |
| 50 | @include switchVisibility(block, none, none); |
| 51 | } |
| 52 |