fix : スペーサーブロックブレイクポイント修正 #763

vektor-inc · Mar 8, 2022 · e533669 · e533669
1 parent ce36cc7
commit e533669
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/src/blocks/spacer/index.php b/src/blocks/spacer/index.php
@@ -135,7 +135,7 @@ function vk_blocks_get_spacer_size_style_all( $options ) {
 
 		if ( vk_blocks_is_size_print( $options, 'mobile' ) ) {
 			$dynamic_css         .= '
-			@media (max-width: 576px) {
+			@media (max-width: 575.98px) {
 				:root{';
 					$dynamic_css .= esc_attr( vk_blocks_get_spacer_size_style( $options, 'sm', 'mobile', $unit ) );
 					$dynamic_css .= esc_attr( vk_blocks_get_spacer_size_style( $options, 'md', 'mobile', $unit ) );
@@ -146,7 +146,7 @@ function vk_blocks_get_spacer_size_style_all( $options ) {
 		}
 		if ( vk_blocks_is_size_print( $options, 'tablet' ) ) {
 			$dynamic_css         .= '
-			@media (min-width: 577px) and (max-width: 768px) {
+			@media (min-width: 576px) and (max-width: 991.98px) {
 				:root{';
 					$dynamic_css .= esc_attr( vk_blocks_get_spacer_size_style( $options, 'sm', 'tablet', $unit ) );
 					$dynamic_css .= esc_attr( vk_blocks_get_spacer_size_style( $options, 'md', 'tablet', $unit ) );
@@ -157,7 +157,7 @@ function vk_blocks_get_spacer_size_style_all( $options ) {
 		}
 		if ( vk_blocks_is_size_print( $options, 'pc' ) ) {
 			$dynamic_css         .= '
-			@media (min-width: 769px) {
+			@media (min-width: 992px) {
 				:root{';
 					$dynamic_css .= esc_attr( vk_blocks_get_spacer_size_style( $options, 'sm', 'pc', $unit ) );
 					$dynamic_css .= esc_attr( vk_blocks_get_spacer_size_style( $options, 'md', 'pc', $unit ) );

diff --git a/src/blocks/spacer/style.scss b/src/blocks/spacer/style.scss
@@ -28,17 +28,17 @@
 	}
 }
 
-// Small devices (landscape phones, 576px以下)
-@media (max-width: 576px) {
+// Small devices (landscape phones, 575.98px以下)
+@media (max-width: 575.98px) {
 	@include switchVisibility(none, none, block);
 }
 
-// Medium devices (tablets, 577pxから768px)
-@media (min-width: 577px) and (max-width: 768px) {
+// Medium devices (tablets, 577pxから 991.98px)
+@media (min-width: 576px) and (max-width: 991.98px) {
 	@include switchVisibility(none, block, none);
 }
 
-// Large devices (desktops, 769px以上)
-@media (min-width: 769px) {
+// Large devices (desktops, 992px以上)
+@media (min-width: 992px) {
 	@include switchVisibility(block, none, none);
 }