Barnsbury: Misc style adjustments

barnsbury/sass/_config-child-theme.scss

@@ -1,26 +0,0 @@
-/**
- * Filter Sass map values for child theme output.
- * - See: style-child-theme.scss
- */
-
-// @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i|Roboto:400,400i,700&display=swap');
-
-$config-global: map-deep-set($config-global, "font" "size" "root", "20px");
-$config-global: map-deep-set($config-global, "font" "family" "primary", "\'Playfair Display\', serif");
-$config-global: map-deep-set($config-global, "font" "family" "secondary", "\'Roboto\', sans-serif");
-$config-global: map-deep-set($config-global, "color" "primary" "default", pink);
-$config-global: map-deep-set($config-global, "font" "size" "root", "20px");
-
-// Button
-$config-button: map-deep-set($config-button, "color" "background", orange);
-
-// Headings
-$config-heading: map-deep-set($config-heading, "font" "family", "\'Playfair Display\', serif");
-$config-heading: map-deep-set($config-heading, "font" "weight", 200);
-
-// Header
-$config-header: map-deep-set($config-header, "branding" "title" "font" "family", "\'Playfair Display\', serif");
-$config-header: map-deep-set($config-header, "branding" "title" "font" "weight", 200);
-$config-header: map-deep-set($config-header, "branding" "description" "font" "family", "\'Roboto\', sans-serif");
-$config-header: map-deep-set($config-header, "branding" "color" "link", orange);
-$config-header: map-deep-set($config-header, "main-nav" "color" "link", orange);

barnsbury/sass/_extra-child-theme.scss

@@ -11,7 +11,12 @@ $spacing_vertical: map-deep-get($config-global, "spacing", "vertical");
  */
 
 a {
-	text-decoration: none;
+	.site-header &,
+	&:hover,
+	&:focus,
+	.nav-links & {
+		text-decoration: none;
+	}
 }
 
 /**
@@ -156,58 +161,54 @@ a {
 		justify-self: flex-end;
 	}
 }
+/**
+ * Main
+ */
+.site-main {
+	padding-top: 0;
+}
 
-.site-branding {
-	align-items: flex-start;
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: space-between;
-
-	.site-logo {
-		display: inherit;
-
+.site-main > article > .entry-header,
+.site-main > .page-header,
+.site-main > .not-found > .page-header {
+	margin-top: #{0.666 * $spacing_vertical};
 		@include media(mobile) {
-			padding-right: $spacing_unit;
+			margin-top: #{2 * $spacing_vertical};
 		}
-	}
+}
 
-	.site-description {
-		line-height: 1;
-		margin-top: (0.5 * $spacing_unit);
+.site-main > {
+	article > .entry-header,
+	.page-header,
+	.not-found > .page-header {
+		margin-top: #{0.666 * $spacing_vertical};
 
 		@include media(mobile) {
-			text-align: right;
+			margin-top: #{2 * $spacing_vertical};
 		}
 	}
+}
 
-	.site-title,
-	.wp-block-a8c-site-title,
-	.wp-block-a8c-site-title:focus {
-		flex: 1 1 auto;
-	}
-
-	@include media(desktop) {
-
-		.site-logo {
-			margin-right: (0.5 * $spacing_unit);
-		}
-
-		.site-description {
-			margin-top: inherit;
-		}
-	}
+#main .entry-content .entry-attachment {
+	max-width: calc( 100% - #{2 * $spacing_vertical} );
 }
 
 /**
  * Posts
  */
 
-.entry-title a {
-	color: map-deep-get($config-global, "color", "primary", "hover");
+.entry-title,
+.page-title,
+.a8c-posts-list .a8c-posts-list-item__title {
+	a {
+		color: inherit;
+		text-decoration: none;
 
-	&:hover,
-	&:active {
-		color: map-deep-get($config-global, "color", "primary", "default");
+		&:active,
+		&:focus,
+		&:hover {
+			color: map-deep-get($config-global, "color", "primary", "default");
+		}
 	}
 }
 
@@ -223,6 +224,27 @@ a {
 	color: map-deep-get($config-global, "color", "primary", "default");
 }
 
+/**
+ * Comments
+ */
+.logged-in-as,
+.comment-notes,
+.comment-form-cookies-consent {
+	font-size: map-deep-get($config-global, "font", "size", "sm");
+}
+
+.comment-form-cookies-consent input[type=checkbox] + label {
+	line-height: #{map-deep-get($config-global, "font", "line-height", "body")};
+}
+
+.comment-notes {
+	color: map-deep-get($config-global, "color", "foreground", "light");
+}
+
+.comment-form > p:not(.comment-form-cookies-consent) label {
+	font-weight: 600;
+}
+
 /**
  * Widgets
  */
@@ -232,7 +254,7 @@ a {
 		max-width: 100%;
 
 		& > .widget {
-			max-width: 50%;
+			width: 50%;
 		}
 	}
 }

barnsbury/style-rtl.css

@@ -3499,7 +3499,8 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 /**
  * Elements
  */
-a {
+.site-header a, a:hover, a:focus,
+.nav-links a {
 	text-decoration: none;
 }
 
@@ -3632,57 +3633,62 @@ a {
 	}
 }
 
-.site-branding {
-	align-items: flex-start;
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: space-between;
+/**
+ * Main
+ */
+.site-main {
+	padding-top: 0;
 }
 
-.site-branding .site-logo {
-	display: inherit;
+.site-main > article > .entry-header,
+.site-main > .page-header,
+.site-main > .not-found > .page-header {
+	margin-top: 21.312px;
 }
 
 @media only screen and (min-width: 560px) {
-	.site-branding .site-logo {
-		padding-left: 16px;
+	.site-main > article > .entry-header,
+	.site-main > .page-header,
+	.site-main > .not-found > .page-header {
+		margin-top: 64px;
 	}
 }
 
-.site-branding .site-description {
-	line-height: 1;
-	margin-top: 8px;
+.site-main > article > .entry-header,
+.site-main > .page-header,
+.site-main > .not-found > .page-header {
+	margin-top: 21.312px;
 }
 
 @media only screen and (min-width: 560px) {
-	.site-branding .site-description {
-		text-align: left;
+	.site-main > article > .entry-header,
+	.site-main > .page-header,
+	.site-main > .not-found > .page-header {
+		margin-top: 64px;
 	}
 }
 
-.site-branding .site-title,
-.site-branding .wp-block-a8c-site-title,
-.site-branding .wp-block-a8c-site-title:focus {
-	flex: 1 1 auto;
-}
-
-@media only screen and (min-width: 1024px) {
-	.site-branding .site-logo {
-		margin-left: 8px;
-	}
-	.site-branding .site-description {
-		margin-top: inherit;
-	}
+#main .entry-content .entry-attachment {
+	max-width: calc( 100% - 64px);
 }
 
 /**
  * Posts
  */
-.entry-title a {
-	color: #133a24;
+.entry-title a,
+.page-title a,
+.a8c-posts-list .a8c-posts-list-item__title a {
+	color: inherit;
+	text-decoration: none;
 }
 
-.entry-title a:hover, .entry-title a:active {
+.entry-title a:active, .entry-title a:focus, .entry-title a:hover,
+.page-title a:active,
+.page-title a:focus,
+.page-title a:hover,
+.a8c-posts-list .a8c-posts-list-item__title a:active,
+.a8c-posts-list .a8c-posts-list-item__title a:focus,
+.a8c-posts-list .a8c-posts-list-item__title a:hover {
 	color: #20603C;
 }
 
@@ -3697,6 +3703,27 @@ a {
 	color: #20603C;
 }
 
+/**
+ * Comments
+ */
+.logged-in-as,
+.comment-notes,
+.comment-form-cookies-consent {
+	font-size: 0.84746rem;
+}
+
+.comment-form-cookies-consent input[type=checkbox] + label {
+	line-height: 1.6;
+}
+
+.comment-notes {
+	color: #844d4d;
+}
+
+.comment-form > p:not(.comment-form-cookies-consent) label {
+	font-weight: 600;
+}
+
 /**
  * Widgets
  */
@@ -3705,7 +3732,7 @@ a {
 		max-width: 100%;
 	}
 	.site-footer .widget-area > .widget {
-		max-width: 50%;
+		width: 50%;
 	}
 }
 

barnsbury/style.css

@@ -3528,7 +3528,8 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 /**
  * Elements
  */
-a {
+.site-header a, a:hover, a:focus,
+.nav-links a {
 	text-decoration: none;
 }
 
@@ -3661,57 +3662,62 @@ a {
 	}
 }
 
-.site-branding {
-	align-items: flex-start;
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: space-between;
+/**
+ * Main
+ */
+.site-main {
+	padding-top: 0;
 }
 
-.site-branding .site-logo {
-	display: inherit;
+.site-main > article > .entry-header,
+.site-main > .page-header,
+.site-main > .not-found > .page-header {
+	margin-top: 21.312px;
 }
 
 @media only screen and (min-width: 560px) {
-	.site-branding .site-logo {
-		padding-right: 16px;
+	.site-main > article > .entry-header,
+	.site-main > .page-header,
+	.site-main > .not-found > .page-header {
+		margin-top: 64px;
 	}
 }
 
-.site-branding .site-description {
-	line-height: 1;
-	margin-top: 8px;
+.site-main > article > .entry-header,
+.site-main > .page-header,
+.site-main > .not-found > .page-header {
+	margin-top: 21.312px;
 }
 
 @media only screen and (min-width: 560px) {
-	.site-branding .site-description {
-		text-align: right;
+	.site-main > article > .entry-header,
+	.site-main > .page-header,
+	.site-main > .not-found > .page-header {
+		margin-top: 64px;
 	}
 }
 
-.site-branding .site-title,
-.site-branding .wp-block-a8c-site-title,
-.site-branding .wp-block-a8c-site-title:focus {
-	flex: 1 1 auto;
-}
-
-@media only screen and (min-width: 1024px) {
-	.site-branding .site-logo {
-		margin-right: 8px;
-	}
-	.site-branding .site-description {
-		margin-top: inherit;
-	}
+#main .entry-content .entry-attachment {
+	max-width: calc( 100% - 64px);
 }
 
 /**
  * Posts
  */
-.entry-title a {
-	color: #133a24;
+.entry-title a,
+.page-title a,
+.a8c-posts-list .a8c-posts-list-item__title a {
+	color: inherit;
+	text-decoration: none;
 }
 
-.entry-title a:hover, .entry-title a:active {
+.entry-title a:active, .entry-title a:focus, .entry-title a:hover,
+.page-title a:active,
+.page-title a:focus,
+.page-title a:hover,
+.a8c-posts-list .a8c-posts-list-item__title a:active,
+.a8c-posts-list .a8c-posts-list-item__title a:focus,
+.a8c-posts-list .a8c-posts-list-item__title a:hover {
 	color: #20603C;
 }
 
@@ -3726,6 +3732,27 @@ a {
 	color: #20603C;
 }
 
+/**
+ * Comments
+ */
+.logged-in-as,
+.comment-notes,
+.comment-form-cookies-consent {
+	font-size: 0.84746rem;
+}
+
+.comment-form-cookies-consent input[type=checkbox] + label {
+	line-height: 1.6;
+}
+
+.comment-notes {
+	color: #844d4d;
+}
+
+.comment-form > p:not(.comment-form-cookies-consent) label {
+	font-weight: 600;
+}
+
 /**
  * Widgets
  */
@@ -3734,7 +3761,7 @@ a {
 		max-width: 100%;
 	}
 	.site-footer .widget-area > .widget {
-		max-width: 50%;
+		width: 50%;
 	}
 }