Browse Source

Rockfield: Align center: entry footer, blog post listing, form submit

Thomas Guillot 5 years ago
parent
commit
25bd89e345
3 changed files with 56 additions and 7 deletions
  1. 22 5
      rockfield/sass/_extra-child-theme.scss
  2. 17 1
      rockfield/style-rtl.css
  3. 17 1
      rockfield/style.css

+ 22 - 5
rockfield/sass/_extra-child-theme.scss

@@ -276,6 +276,11 @@ a {
 	text-align: center;
 }
 
+// Entry Footer
+.entry-footer {
+	text-align: center;
+}
+
 // Sticky Post
 .sticky-post,
 .a8c-posts-list .a8c-posts-list-item__featured span {
@@ -369,6 +374,10 @@ table,
 }
 
 // Blog Posts Listing
+.a8c-posts-list {
+	text-align: center;
+}
+
 .a8c-posts-list__item {
 	margin-bottom: #{map-deep-get($config-global, "spacing", "vertical")};
 	margin-top: #{map-deep-get($config-global, "spacing", "vertical")};
@@ -377,13 +386,21 @@ table,
 		margin-bottom: #{2 * map-deep-get($config-global, "spacing", "vertical")};
 		margin-top: #{2 * map-deep-get($config-global, "spacing", "vertical")};
 	}
+
+	.a8c-posts-list-item__meta {
+		text-align: center;
+	}
 }
 
-.a8c-posts-list__listing:not(:last-child) {
-	margin-bottom: #{map-deep-get($config-global, "spacing", "vertical")};
+.a8c-posts-list__listing {
+	text-align: left;
 
-	@include media(mobile) {
-		margin-bottom: #{2 * map-deep-get($config-global, "spacing", "vertical")};
+	&:not(:last-child) {
+		margin-bottom: #{map-deep-get($config-global, "spacing", "vertical")};
+
+		@include media(mobile) {
+			margin-bottom: #{2 * map-deep-get($config-global, "spacing", "vertical")};
+		}
 	}
 }
 
@@ -430,7 +447,7 @@ table,
 .comment-respond {
 	.form-submit {
 		display: flex;
-		justify-content: flex-end;
+		justify-content: center;
 	}
 }
 

+ 17 - 1
rockfield/style-rtl.css

@@ -3656,6 +3656,10 @@ p:not(.site-title) a:hover {
 	text-align: center;
 }
 
+.entry-footer {
+	text-align: center;
+}
+
 .sticky-post,
 .a8c-posts-list .a8c-posts-list-item__featured span {
 	background: #116821;
@@ -3735,6 +3739,10 @@ table th,
 	border-color: #E0E0E0;
 }
 
+.a8c-posts-list {
+	text-align: center;
+}
+
 .a8c-posts-list__item {
 	margin-bottom: 32px;
 	margin-top: 32px;
@@ -3747,6 +3755,14 @@ table th,
 	}
 }
 
+.a8c-posts-list__item .a8c-posts-list-item__meta {
+	text-align: center;
+}
+
+.a8c-posts-list__listing {
+	text-align: right;
+}
+
 .a8c-posts-list__listing:not(:last-child) {
 	margin-bottom: 32px;
 }
@@ -3797,7 +3813,7 @@ table th,
 
 .comment-respond .form-submit {
 	display: flex;
-	justify-content: flex-end;
+	justify-content: center;
 }
 
 @media only screen and (min-width: 640px) {

+ 17 - 1
rockfield/style.css

@@ -3661,6 +3661,10 @@ p:not(.site-title) a:hover {
 	text-align: center;
 }
 
+.entry-footer {
+	text-align: center;
+}
+
 .sticky-post,
 .a8c-posts-list .a8c-posts-list-item__featured span {
 	background: #116821;
@@ -3740,6 +3744,10 @@ table th,
 	border-color: #E0E0E0;
 }
 
+.a8c-posts-list {
+	text-align: center;
+}
+
 .a8c-posts-list__item {
 	margin-bottom: 32px;
 	margin-top: 32px;
@@ -3752,6 +3760,14 @@ table th,
 	}
 }
 
+.a8c-posts-list__item .a8c-posts-list-item__meta {
+	text-align: center;
+}
+
+.a8c-posts-list__listing {
+	text-align: left;
+}
+
 .a8c-posts-list__listing:not(:last-child) {
 	margin-bottom: 32px;
 }
@@ -3802,7 +3818,7 @@ table th,
 
 .comment-respond .form-submit {
 	display: flex;
-	justify-content: flex-end;
+	justify-content: center;
 }
 
 @media only screen and (min-width: 640px) {