Browse Source

style: footer h5 1.3rem/#dadada, footer top padding, #dadada card on page+single, drop white-at-mobile bg

- #dw-footer h5: explicit 1.3rem + #dadada (theme.json heading styles had taken
  over after Bootstrap type was removed).
- #dw-footer top padding 4rem -> 6rem.
- .entry-content card bg #f6f6f6 -> #dadada; single.html given entry-content
  class so single posts get the same card.
- Dropped the @media(max-width:768px) body{background:#fff!important} rule
  (+ its companion single brand-color rule) that flipped mobile bg to white.
windhamdavid 1 week ago
parent
commit
0414e82c9d
3 changed files with 6 additions and 13 deletions
  1. 4 11
      style.css
  2. 2 2
      templates/single.html
  3. 0 0
      v4-style.min.css

+ 4 - 11
style.css

@@ -86,15 +86,6 @@ body.contact {
 		color:#000 !important; /* beat .light{color:#fcfcfc!important} — contact has a light bg */
 		color:#000 !important; /* beat .light{color:#fcfcfc!important} — contact has a light bg */
 	}
 	}
 
 
-@media screen and (max-width: 768px) {
-	body {
-		background-color:#fff !important;
-	}
-	body.single .site-title a {
-		color:#000;
-	}
-}
-
 /*============================================
 /*============================================
 		Typography
 		Typography
 ==============================================*/
 ==============================================*/
@@ -747,12 +738,14 @@ ul.social a.facebook span:hover {
 	color: #dadada;
 	color: #dadada;
 	font-family: 'Inter', sans-serif;
 	font-family: 'Inter', sans-serif;
 	margin: 6rem 0 0;
 	margin: 6rem 0 0;
-	padding: 4rem 0;
+	padding: 6rem 0 4rem;
 }
 }
 #dw-footer h5 {
 #dw-footer h5 {
 	font-family: 'Playfair Display', serif;
 	font-family: 'Playfair Display', serif;
 	font-weight: 900;
 	font-weight: 900;
+	font-size: 1.3rem;
 	line-height: 1.2;
 	line-height: 1.2;
+	color: #dadada;
 	margin: 0;
 	margin: 0;
 }
 }
 #dw-footer address {
 #dw-footer address {
@@ -1585,7 +1578,7 @@ h2.entry-title {
    Scoped to the group wrapper so it doesn't double up with the nested
    Scoped to the group wrapper so it doesn't double up with the nested
    .wp-block-post-content.entry-content. */
    .wp-block-post-content.entry-content. */
 .wp-block-group.entry-content {
 .wp-block-group.entry-content {
-	background: #f6f6f6;
+	background: #dadada;
 	padding: 96px; /* 1in APA-style margins on all sides (96px = 1in) */
 	padding: 96px; /* 1in APA-style margins on all sides (96px = 1in) */
 	border-radius: 6px;
 	border-radius: 6px;
 }
 }

+ 2 - 2
templates/single.html

@@ -2,8 +2,8 @@
 
 
 <!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
 <!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
 <main class="wp-block-group">
 <main class="wp-block-group">
-	<!-- wp:group {"style":{"spacing":{"margin":{"top":"6.5rem"},"padding":{"bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
-	<div class="wp-block-group" style="margin-top:6.5rem;padding-bottom:var(--wp--preset--spacing--60)">
+	<!-- wp:group {"className":"entry-content","style":{"spacing":{"margin":{"top":"6.5rem"}}},"layout":{"type":"constrained"}} -->
+	<div class="wp-block-group entry-content" style="margin-top:6.5rem">
 		<!-- wp:post-title {"level":1} /-->
 		<!-- wp:post-title {"level":1} /-->
 		<!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
 		<!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
 		<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--40)">
 		<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--40)">

File diff suppressed because it is too large
+ 0 - 0
v4-style.min.css


Some files were not shown because too many files changed in this diff