Browse Source

Redhill: Fix margin of separators on mobile

Thomas Guillot 6 years ago
parent
commit
19a082d601
3 changed files with 55 additions and 37 deletions
  1. 5 3
      redhill/sass/_extra-child-theme.scss
  2. 36 28
      redhill/style-rtl.css
  3. 14 6
      redhill/style.css

+ 5 - 3
redhill/sass/_extra-child-theme.scss

@@ -263,6 +263,8 @@ article .entry-header .entry-title,
 
 
 // Pagination
 // Pagination
 .pagination {
 .pagination {
+  text-align: center;
+
   .nav-links > * {
   .nav-links > * {
     color: map-deep-get($config-global, "color", "foreground", "light");
     color: map-deep-get($config-global, "color", "foreground", "light");
     font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
     font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
@@ -286,7 +288,7 @@ article .entry-header .entry-title,
 		height: 1px;
 		height: 1px;
 		content: "";
 		content: "";
 		display: block;
 		display: block;
-		margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+		margin-bottom: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
 
 
 		@include media(mobile) {
 		@include media(mobile) {
 			margin-bottom: #{2 * map-deep-get($config-global, "spacing", "vertical")};
 			margin-bottom: #{2 * map-deep-get($config-global, "spacing", "vertical")};
@@ -325,7 +327,7 @@ article .entry-header .entry-title,
 		height: 1px;
 		height: 1px;
 		content: "";
 		content: "";
 		display: block;
 		display: block;
-		margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+		margin-bottom: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
 
 
 		@include media(mobile) {
 		@include media(mobile) {
 			margin-bottom: #{2 * map-deep-get($config-global, "spacing", "vertical")};
 			margin-bottom: #{2 * map-deep-get($config-global, "spacing", "vertical")};
@@ -410,7 +412,7 @@ article .entry-header .entry-title,
 		height: 1px;
 		height: 1px;
 		content: "";
 		content: "";
 		display: block;
 		display: block;
-    margin-top: map-deep-get($config-global, "spacing", "vertical");
+    margin-top: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
 
 
 		@include media(mobile) {
 		@include media(mobile) {
 		    margin-top: #{2 * map-deep-get($config-global, "spacing", "vertical")};
 		    margin-top: #{2 * map-deep-get($config-global, "spacing", "vertical")};

+ 36 - 28
redhill/style-rtl.css

@@ -441,18 +441,8 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
 }
 }
 
 
-.pagination:before {
-	background: #DDDDDD;
-	height: 1px;
-	content: "";
-	display: block;
-	margin-bottom: 32px;
-}
-
-@media only screen and (min-width: 560px) {
-	.pagination:before {
-		margin-bottom: 64px;
-	}
+.pagination {
+	text-align: center;
 }
 }
 
 
 .pagination .nav-links > * {
 .pagination .nav-links > * {
@@ -470,6 +460,20 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	fill: currentColor;
 	fill: currentColor;
 }
 }
 
 
+.pagination:before {
+	background: #DDDDDD;
+	height: 1px;
+	content: "";
+	display: block;
+	margin-bottom: 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	.pagination:before {
+		margin-bottom: 64px;
+	}
+}
+
 .post-navigation a {
 .post-navigation a {
 	color: #222222;
 	color: #222222;
 }
 }
@@ -495,7 +499,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	height: 1px;
 	height: 1px;
 	content: "";
 	content: "";
 	display: block;
 	display: block;
-	margin-bottom: 32px;
+	margin-bottom: 16px;
 }
 }
 
 
 @media only screen and (min-width: 560px) {
 @media only screen and (min-width: 560px) {
@@ -573,7 +577,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	height: 1px;
 	height: 1px;
 	content: "";
 	content: "";
 	display: block;
 	display: block;
-	margin-top: 32px;
+	margin-top: 16px;
 }
 }
 
 
 @media only screen and (min-width: 560px) {
 @media only screen and (min-width: 560px) {
@@ -3682,18 +3686,8 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
 }
 }
 
 
-.pagination:before {
-	background: #DDDDDD;
-	height: 1px;
-	content: "";
-	display: block;
-	margin-bottom: 32px;
-}
-
-@media only screen and (min-width: 560px) {
-	.pagination:before {
-		margin-bottom: 64px;
-	}
+.pagination {
+	text-align: center;
 }
 }
 
 
 .pagination .nav-links > * {
 .pagination .nav-links > * {
@@ -3711,6 +3705,20 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	fill: currentColor;
 	fill: currentColor;
 }
 }
 
 
+.pagination:before {
+	background: #DDDDDD;
+	height: 1px;
+	content: "";
+	display: block;
+	margin-bottom: 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	.pagination:before {
+		margin-bottom: 64px;
+	}
+}
+
 .post-navigation a {
 .post-navigation a {
 	color: #222222;
 	color: #222222;
 }
 }
@@ -3736,7 +3744,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	height: 1px;
 	height: 1px;
 	content: "";
 	content: "";
 	display: block;
 	display: block;
-	margin-bottom: 32px;
+	margin-bottom: 16px;
 }
 }
 
 
 @media only screen and (min-width: 560px) {
 @media only screen and (min-width: 560px) {
@@ -3814,7 +3822,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	height: 1px;
 	height: 1px;
 	content: "";
 	content: "";
 	display: block;
 	display: block;
-	margin-top: 32px;
+	margin-top: 16px;
 }
 }
 
 
 @media only screen and (min-width: 560px) {
 @media only screen and (min-width: 560px) {

+ 14 - 6
redhill/style.css

@@ -441,6 +441,10 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
 }
 }
 
 
+.pagination {
+	text-align: center;
+}
+
 .pagination .nav-links > * {
 .pagination .nav-links > * {
 	color: #666666;
 	color: #666666;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
@@ -461,7 +465,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	height: 1px;
 	height: 1px;
 	content: "";
 	content: "";
 	display: block;
 	display: block;
-	margin-bottom: 32px;
+	margin-bottom: 16px;
 }
 }
 
 
 @media only screen and (min-width: 560px) {
 @media only screen and (min-width: 560px) {
@@ -495,7 +499,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	height: 1px;
 	height: 1px;
 	content: "";
 	content: "";
 	display: block;
 	display: block;
-	margin-bottom: 32px;
+	margin-bottom: 16px;
 }
 }
 
 
 @media only screen and (min-width: 560px) {
 @media only screen and (min-width: 560px) {
@@ -573,7 +577,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	height: 1px;
 	height: 1px;
 	content: "";
 	content: "";
 	display: block;
 	display: block;
-	margin-top: 32px;
+	margin-top: 16px;
 }
 }
 
 
 @media only screen and (min-width: 560px) {
 @media only screen and (min-width: 560px) {
@@ -3687,6 +3691,10 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
 }
 }
 
 
+.pagination {
+	text-align: center;
+}
+
 .pagination .nav-links > * {
 .pagination .nav-links > * {
 	color: #666666;
 	color: #666666;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
@@ -3707,7 +3715,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	height: 1px;
 	height: 1px;
 	content: "";
 	content: "";
 	display: block;
 	display: block;
-	margin-bottom: 32px;
+	margin-bottom: 16px;
 }
 }
 
 
 @media only screen and (min-width: 560px) {
 @media only screen and (min-width: 560px) {
@@ -3741,7 +3749,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	height: 1px;
 	height: 1px;
 	content: "";
 	content: "";
 	display: block;
 	display: block;
-	margin-bottom: 32px;
+	margin-bottom: 16px;
 }
 }
 
 
 @media only screen and (min-width: 560px) {
 @media only screen and (min-width: 560px) {
@@ -3819,7 +3827,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	height: 1px;
 	height: 1px;
 	content: "";
 	content: "";
 	display: block;
 	display: block;
-	margin-top: 32px;
+	margin-top: 16px;
 }
 }
 
 
 @media only screen and (min-width: 560px) {
 @media only screen and (min-width: 560px) {