Hever: Fix social menu, comments, cleanup code

hever/sass/_config-child-theme-deep.scss

@@ -145,7 +145,7 @@ $config-elements: (
 		// Borders
 		"border": (
 			"width": 1px,
-			"radius": 3px,
+			"radius": map-deep-get($config-global, "border-radius", "sm"),
 		),
 
 		"padding": #{map-deep-get($config-global, "spacing", "unit")},
@@ -166,7 +166,7 @@ $config-button: (
 	// Fonts
 	"font": (
 		"family": map-deep-get($config-global, "font", "family", "ui"),
-		"size": map-deep-get($config-global, "font", "size", "md"),
+		"size": map-deep-get($config-global, "font", "size", "base"),
 		"weight": bold,
 		"line-height": 1,
 	),
@@ -176,7 +176,7 @@ $config-button: (
 	// Padding
 	"padding": (
 		"vertical": map-deep-get($config-global, "spacing", "unit"),
-		"horizontal": map-deep-get($config-global, "spacing", "unit"),
+		"horizontal": #{1.5 * map-deep-get($config-global, "spacing", "unit")},
 	),
 );
 

hever/sass/_extra-child-theme.scss

@@ -97,6 +97,8 @@ a {
 
 			& > div > ul {
 				justify-content: flex-end;
+				margin-left: -#{0.5 * map-deep-get($config-global, "spacing", "horizontal")};
+				margin-right: -#{0.5 * map-deep-get($config-global, "spacing", "horizontal")};
 
 				& > li {
 					margin-bottom: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
@@ -117,17 +119,16 @@ a {
 			& > div > ul > li.current-menu-item {
 
 				& > a {
-					text-decoration: underline;
+					color: #{map-deep-get($config-global, "color", "primary", "default")};
 				}
 
 				& > ul {
 					box-shadow: none;
-					margin-left: #{0.5 * map-deep-get($config-global, "spacing", "unit")};
 					overflow: hidden;
 					padding-top: #{0.5 * map-deep-get($config-global, "spacing", "unit")};
 
 					&:before {
-						border-bottom: #{0.5 * map-deep-get($config-global, "spacing", "unit")} solid;
+						border-bottom: #{0.5 * map-deep-get($config-global, "spacing", "unit")} solid #{map-deep-get($config-global, "color", "primary", "default")};
 						border-left: #{0.5 * map-deep-get($config-global, "spacing", "unit")} solid transparent;
 						border-right: #{0.5 * map-deep-get($config-global, "spacing", "unit")} solid transparent;
 						content: "";
@@ -140,14 +141,14 @@ a {
 				& li {
 
 					& > a {
-						background: #{map-deep-get($config-global, "color", "foreground", "default")};
+						background: #{map-deep-get($config-global, "color", "primary", "default")};
 						color: #{map-deep-get($config-global, "color", "background")};
 					}
 
 					&:hover > a,
 					&.focus > a,
 					&.current-menu-item > a {
-						background: #{map-deep-get($config-global, "color", "primary", "default")};
+						background: #{map-deep-get($config-global, "color", "primary", "hover")};
 					}
 				}
 			}
@@ -156,14 +157,17 @@ a {
 		.social-navigation {
 			grid-area: social-navigation;
 			justify-self: flex-end;
-
-			& > div > ul {
-				justify-content: flex-end;
-			}
 		}
 	}
 }
 
+// Social Menu
+.social-navigation {
+	& > div > ul {
+		justify-content: flex-end;
+	}
+}
+
 /**
  * Footer Menu
  */
@@ -230,16 +234,21 @@ table,
 	}
 
 	&:after {
-		margin-bottom: 0;
 		margin-top: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
 
 		@include media(mobile) {
-			margin-bottom: 0;
 			margin-top: #{2 * map-deep-get($config-global, "spacing", "vertical")};
 		}
 	}
 }
 
+// Entry Meta
+.entry-header {
+	.entry-meta {
+		display: none;
+	}
+}
+
 // Entry Title Link
 article .entry-header .entry-title,
 .page-title,
@@ -256,14 +265,30 @@ article .entry-header .entry-title,
   }
 }
 
-.page .hentry .entry-content {
+.singular .hentry .entry-content {
 	& > *:first-child {
 		&.alignfull {
-			margin-top: -#{map-deep-get($config-global, "spacing", "vertical")};
+			margin-top: -#{2 * map-deep-get($config-global, "spacing", "vertical")};
 		}
 	}
 }
 
+/**
+ * Comments
+ */
+.comment {
+	.avatar {
+		border-radius: 50%;
+	}
+}
+
+.comment-respond {
+	.form-submit {
+		display: flex;
+		justify-content: flex-end;
+	}
+}
+
 /**
  * Widgets
  */
@@ -372,35 +397,3 @@ article .entry-header .entry-title,
     width: 100%;
   }
 }
-
-/*
-.site-branding,
-.site-info,
-.main-navigation,
-.entry-header,
-.entry-footer,
-.page-title,
-.author-title,
-.comments-title,
-.comment-reply-title {
-	text-align: center;
-}
-
-.main-navigation > div {
-	text-align: left;
-}
-
-.comment-reply-title {
-	display: inherit;
-}
-
-.comment .comment-reply-title {
-	display: flex;
-}
-
-.main-navigation > div > ul,
-.social-navigation > div > ul,
-.pagination .nav-links {
-	justify-content: center;
-}
-*/

hever/style-editor.css

@@ -307,11 +307,11 @@ object {
 	color: white;
 	font-weight: bold;
 	font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1.15em;
+	font-size: 1em;
 	line-height: 1;
 	background-color: #1279BE;
 	border-radius: 5px;
-	padding: 16px 16px;
+	padding: 16px 24px;
 }
 
 .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link.has-focus {

hever/style-rtl.css

@@ -971,7 +971,7 @@ input[type="color"],
 textarea {
 	color: #303030;
 	border: 1px solid #C5C5C5;
-	border-radius: 3px;
+	border-radius: 5px;
 	padding: 16px;
 }
 
@@ -1078,11 +1078,11 @@ input[type="submit"],
 	cursor: pointer;
 	font-weight: bold;
 	font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1.15rem;
+	font-size: 1rem;
 	background-color: #1279BE;
 	border-radius: 5px;
 	border-width: 0;
-	padding: 16px 16px;
+	padding: 16px 24px;
 }
 
 button:before,
@@ -1140,7 +1140,7 @@ input.has-focus[type="submit"],
 	color: #1279BE;
 	background: transparent;
 	border: 2px solid currentcolor;
-	padding: 14px 16px;
+	padding: 16px-2px 24px;
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
@@ -3281,6 +3281,8 @@ p:not(.site-title) a:hover {
 	}
 	.site-header .main-navigation > div > ul {
 		justify-content: flex-end;
+		margin-right: -8px;
+		margin-left: -8px;
 	}
 	.site-header .main-navigation > div > ul > li {
 		margin-bottom: 16px;
@@ -3295,20 +3297,19 @@ p:not(.site-title) a:hover {
 	.site-header .main-navigation > div > ul > li:hover > a,
 	.site-header .main-navigation > div > ul > li.focus > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item > a {
-		text-decoration: underline;
+		color: #1279BE;
 	}
 	.site-header .main-navigation > div > ul > li:hover > ul,
 	.site-header .main-navigation > div > ul > li.focus > ul,
 	.site-header .main-navigation > div > ul > li.current-menu-item > ul {
 		box-shadow: none;
-		margin-right: 8px;
 		overflow: hidden;
 		padding-top: 8px;
 	}
 	.site-header .main-navigation > div > ul > li:hover > ul:before,
 	.site-header .main-navigation > div > ul > li.focus > ul:before,
 	.site-header .main-navigation > div > ul > li.current-menu-item > ul:before {
-		border-bottom: 8px solid;
+		border-bottom: 8px solid #1279BE;
 		border-right: 8px solid transparent;
 		border-left: 8px solid transparent;
 		content: "";
@@ -3319,7 +3320,7 @@ p:not(.site-title) a:hover {
 	.site-header .main-navigation > div > ul > li:hover li > a,
 	.site-header .main-navigation > div > ul > li.focus li > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li > a {
-		background: #303030;
+		background: #1279BE;
 		color: white;
 	}
 	.site-header .main-navigation > div > ul > li:hover li:hover > a,
@@ -3331,17 +3332,21 @@ p:not(.site-title) a:hover {
 	.site-header .main-navigation > div > ul > li.current-menu-item li:hover > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li.focus > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li.current-menu-item > a {
-		background: #1279BE;
+		background: #303030;
 	}
 	.site-header .social-navigation {
 		grid-area: social-navigation;
 		justify-self: flex-end;
 	}
-	.site-header .social-navigation > div > ul {
-		justify-content: flex-end;
-	}
 }
 
+.social-navigation > div > ul {
+	justify-content: flex-end;
+}
+
+/**
+ * Footer Menu
+ */
 .footer-navigation .footer-menu {
 	margin-right: -8px;
 	margin-left: -8px;
@@ -3409,18 +3414,20 @@ table th,
 
 .singular .hentry .entry-title:after,
 .page-title:after {
-	margin-bottom: 0;
 	margin-top: 16px;
 }
 
 @media only screen and (min-width: 560px) {
 	.singular .hentry .entry-title:after,
 	.page-title:after {
-		margin-bottom: 0;
 		margin-top: 64px;
 	}
 }
 
+.entry-header .entry-meta {
+	display: none;
+}
+
 article .entry-header .entry-title a,
 .page-title a,
 .a8c-posts-list .a8c-posts-list-item__title a {
@@ -3438,8 +3445,20 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	color: #1279BE;
 }
 
-.page .hentry .entry-content > *:first-child.alignfull {
-	margin-top: -32px;
+.singular .hentry .entry-content > *:first-child.alignfull {
+	margin-top: -64px;
+}
+
+/**
+ * Comments
+ */
+.comment .avatar {
+	border-radius: 50%;
+}
+
+.comment-respond .form-submit {
+	display: flex;
+	justify-content: flex-end;
 }
 
 /**
@@ -3563,35 +3582,3 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	margin-bottom: 8px;
 	width: 100%;
 }
-
-/*
-.site-branding,
-.site-info,
-.main-navigation,
-.entry-header,
-.entry-footer,
-.page-title,
-.author-title,
-.comments-title,
-.comment-reply-title {
-	text-align: center;
-}
-
-.main-navigation > div {
-	text-align: left;
-}
-
-.comment-reply-title {
-	display: inherit;
-}
-
-.comment .comment-reply-title {
-	display: flex;
-}
-
-.main-navigation > div > ul,
-.social-navigation > div > ul,
-.pagination .nav-links {
-	justify-content: center;
-}
-*/

hever/style.css

@@ -971,7 +971,7 @@ input[type="color"],
 textarea {
 	color: #303030;
 	border: 1px solid #C5C5C5;
-	border-radius: 3px;
+	border-radius: 5px;
 	padding: 16px;
 }
 
@@ -1078,11 +1078,11 @@ input[type="submit"],
 	cursor: pointer;
 	font-weight: bold;
 	font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1.15rem;
+	font-size: 1rem;
 	background-color: #1279BE;
 	border-radius: 5px;
 	border-width: 0;
-	padding: 16px 16px;
+	padding: 16px 24px;
 }
 
 button:before,
@@ -1140,7 +1140,7 @@ input.has-focus[type="submit"],
 	color: #1279BE;
 	background: transparent;
 	border: 2px solid currentcolor;
-	padding: 14px 16px;
+	padding: 14px 24px;
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
@@ -3286,6 +3286,8 @@ p:not(.site-title) a:hover {
 	}
 	.site-header .main-navigation > div > ul {
 		justify-content: flex-end;
+		margin-left: -8px;
+		margin-right: -8px;
 	}
 	.site-header .main-navigation > div > ul > li {
 		margin-bottom: 16px;
@@ -3300,20 +3302,19 @@ p:not(.site-title) a:hover {
 	.site-header .main-navigation > div > ul > li:hover > a,
 	.site-header .main-navigation > div > ul > li.focus > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item > a {
-		text-decoration: underline;
+		color: #1279BE;
 	}
 	.site-header .main-navigation > div > ul > li:hover > ul,
 	.site-header .main-navigation > div > ul > li.focus > ul,
 	.site-header .main-navigation > div > ul > li.current-menu-item > ul {
 		box-shadow: none;
-		margin-left: 8px;
 		overflow: hidden;
 		padding-top: 8px;
 	}
 	.site-header .main-navigation > div > ul > li:hover > ul:before,
 	.site-header .main-navigation > div > ul > li.focus > ul:before,
 	.site-header .main-navigation > div > ul > li.current-menu-item > ul:before {
-		border-bottom: 8px solid;
+		border-bottom: 8px solid #1279BE;
 		border-left: 8px solid transparent;
 		border-right: 8px solid transparent;
 		content: "";
@@ -3324,7 +3325,7 @@ p:not(.site-title) a:hover {
 	.site-header .main-navigation > div > ul > li:hover li > a,
 	.site-header .main-navigation > div > ul > li.focus li > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li > a {
-		background: #303030;
+		background: #1279BE;
 		color: white;
 	}
 	.site-header .main-navigation > div > ul > li:hover li:hover > a,
@@ -3336,15 +3337,16 @@ p:not(.site-title) a:hover {
 	.site-header .main-navigation > div > ul > li.current-menu-item li:hover > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li.focus > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li.current-menu-item > a {
-		background: #1279BE;
+		background: #303030;
 	}
 	.site-header .social-navigation {
 		grid-area: social-navigation;
 		justify-self: flex-end;
 	}
-	.site-header .social-navigation > div > ul {
-		justify-content: flex-end;
-	}
+}
+
+.social-navigation > div > ul {
+	justify-content: flex-end;
 }
 
 /**
@@ -3417,18 +3419,20 @@ table th,
 
 .singular .hentry .entry-title:after,
 .page-title:after {
-	margin-bottom: 0;
 	margin-top: 16px;
 }
 
 @media only screen and (min-width: 560px) {
 	.singular .hentry .entry-title:after,
 	.page-title:after {
-		margin-bottom: 0;
 		margin-top: 64px;
 	}
 }
 
+.entry-header .entry-meta {
+	display: none;
+}
+
 article .entry-header .entry-title a,
 .page-title a,
 .a8c-posts-list .a8c-posts-list-item__title a {
@@ -3446,8 +3450,20 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	color: #1279BE;
 }
 
-.page .hentry .entry-content > *:first-child.alignfull {
-	margin-top: -32px;
+.singular .hentry .entry-content > *:first-child.alignfull {
+	margin-top: -64px;
+}
+
+/**
+ * Comments
+ */
+.comment .avatar {
+	border-radius: 50%;
+}
+
+.comment-respond .form-submit {
+	display: flex;
+	justify-content: flex-end;
 }
 
 /**
@@ -3571,35 +3587,3 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
 	margin-bottom: 8px;
 	width: 100%;
 }
-
-/*
-.site-branding,
-.site-info,
-.main-navigation,
-.entry-header,
-.entry-footer,
-.page-title,
-.author-title,
-.comments-title,
-.comment-reply-title {
-	text-align: center;
-}
-
-.main-navigation > div {
-	text-align: left;
-}
-
-.comment-reply-title {
-	display: inherit;
-}
-
-.comment .comment-reply-title {
-	display: flex;
-}
-
-.main-navigation > div > ul,
-.social-navigation > div > ul,
-.pagination .nav-links {
-	justify-content: center;
-}
-*/