浏览代码

Calm Business: Add vertical spacing to entry-title for consitentcy

Allan Cole 6 年之前
父节点
当前提交
638acc9841
共有 3 个文件被更改,包括 9 次插入9 次删除
  1. 5 5
      calm-business/sass/site/primary/_posts-and-pages.scss
  2. 2 2
      calm-business/style-rtl.css
  3. 2 2
      calm-business/style.css

+ 5 - 5
calm-business/sass/site/primary/_posts-and-pages.scss

@@ -32,11 +32,11 @@
 
 
 	.entry-header {
 	.entry-header {
 
 
-		margin: calc(3 * #{ $size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
+		margin: calc(3 * #{ $size__spacing-unit}) $size__spacing-unit $size__vertical-spacing-unit;
 		position: relative;
 		position: relative;
 
 
 		@include media(tablet) {
 		@include media(tablet) {
-			margin: calc(3 * 1rem) auto calc(1rem / 2);
+			margin: calc(3 * 1rem) auto $size__vertical-spacing-unit;
     		max-width: $size__site-tablet-content;
     		max-width: $size__site-tablet-content;
 		}
 		}
 
 
@@ -47,8 +47,10 @@
 
 
 	.entry-title {
 	.entry-title {
 		font-size: $font__size-lg;
 		font-size: $font__size-lg;
+		margin: 0;
+
 		@include media(tablet) {
 		@include media(tablet) {
-			margin: 32px auto;
+			margin: $size__vertical-spacing-unit auto;
 			max-width: $size__site-tablet-content;
 			max-width: $size__site-tablet-content;
 		}
 		}
 
 
@@ -56,8 +58,6 @@
 			max-width: $size__site-desktop-content;
 			max-width: $size__site-desktop-content;
 		}
 		}
 
 
-		margin: 0;
-
 		a {
 		a {
 			color: inherit;
 			color: inherit;
 
 

+ 2 - 2
calm-business/style-rtl.css

@@ -2380,13 +2380,13 @@ body.page .main-navigation {
 }
 }
 
 
 .entry .entry-header {
 .entry .entry-header {
-  margin: calc(3 * 1rem) 1rem 1rem;
+  margin: calc(3 * 1rem) 1rem 32px;
   position: relative;
   position: relative;
 }
 }
 
 
 @media only screen and (min-width: 768px) {
 @media only screen and (min-width: 768px) {
   .entry .entry-header {
   .entry .entry-header {
-    margin: calc(3 * 1rem) auto calc(1rem / 2);
+    margin: calc(3 * 1rem) auto 32px;
     max-width: calc(8 * (100vw / 12) - 28px);
     max-width: calc(8 * (100vw / 12) - 28px);
   }
   }
 }
 }

+ 2 - 2
calm-business/style.css

@@ -2386,13 +2386,13 @@ body.page .main-navigation {
 }
 }
 
 
 .entry .entry-header {
 .entry .entry-header {
-  margin: calc(3 * 1rem) 1rem 1rem;
+  margin: calc(3 * 1rem) 1rem 32px;
   position: relative;
   position: relative;
 }
 }
 
 
 @media only screen and (min-width: 768px) {
 @media only screen and (min-width: 768px) {
   .entry .entry-header {
   .entry .entry-header {
-    margin: calc(3 * 1rem) auto calc(1rem / 2);
+    margin: calc(3 * 1rem) auto 32px;
     max-width: calc(8 * (100vw / 12) - 28px);
     max-width: calc(8 * (100vw / 12) - 28px);
   }
   }
 }
 }