浏览代码

Elegant Business: Fix column block responsive pattern

Takashi Irie 6 年之前
父节点
当前提交
7ebd9b5fb4
共有 3 个文件被更改,包括 7 次插入18 次删除
  1. 1 6
      elegant-business/sass/blocks/_blocks.scss
  2. 3 6
      elegant-business/style-rtl.css
  3. 3 6
      elegant-business/style.css

+ 1 - 6
elegant-business/sass/blocks/_blocks.scss

@@ -826,16 +826,11 @@
 			padding-right: $size__spacing-unit;
 		}
 
-		@include media(tablet) {
+		@include media(tabletalt) {
 
 			.wp-block-column {
 				margin-left: #{0.5 * $size__spacing-unit};
 				margin-right: #{0.5 * $size__spacing-unit};
-      }
-    }
-
-    @include media(tabletalt) {
-			.wp-block-column > * {
 
 				&:first-child {
 					margin-left: 0;

+ 3 - 6
elegant-business/style-rtl.css

@@ -4231,18 +4231,15 @@ body.page .main-navigation {
   padding-left: 1rem;
 }
 
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 782px) {
   .entry .entry-content .wp-block-columns .wp-block-column {
     margin-right: 0.5rem;
     margin-left: 0.5rem;
   }
-}
-
-@media only screen and (min-width: 782px) {
-  .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
+  .entry .entry-content .wp-block-columns .wp-block-column:first-child {
     margin-right: 0;
   }
-  .entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
+  .entry .entry-content .wp-block-columns .wp-block-column:last-child {
     margin-left: 0;
   }
   .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {

+ 3 - 6
elegant-business/style.css

@@ -4243,18 +4243,15 @@ body.page .main-navigation {
   padding-right: 1rem;
 }
 
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 782px) {
   .entry .entry-content .wp-block-columns .wp-block-column {
     margin-left: 0.5rem;
     margin-right: 0.5rem;
   }
-}
-
-@media only screen and (min-width: 782px) {
-  .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
+  .entry .entry-content .wp-block-columns .wp-block-column:first-child {
     margin-left: 0;
   }
-  .entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
+  .entry .entry-content .wp-block-columns .wp-block-column:last-child {
     margin-right: 0;
   }
   .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {