Minor tweaks to the design

Author: aarongustafson

src/_data/sw.json

@@ -1,3 +1,3 @@
 {
-  "version": 1747175222714
+  "version": 1747176700965
 }

src/_styles/components/_books.scss

@@ -56,6 +56,9 @@
         }
       }
     }
+    .book__title {
+      text-align: center;
+    }
   }
   &__cover {
     grid-area: picture;

src/_styles/components/_wcb.scss

@@ -1,6 +1,7 @@
 
 /* Website Carbon Badge */
-#wcb.carbonbadge {
+#wcb.carbonbadge,
+#wcb.carbonbadge #wcb_a {
   --b1: #2c2825;
 }
 .dark-mode #wcb.carbonbadge {

src/_styles/pages/__pages.scss

@@ -7,5 +7,6 @@
 @use "home";
 @use "notebook";
 @use "speaking-engagements";
+@use "publications";
 @use "appearances";
 @use "tag";

src/_styles/pages/_publications.scss

@@ -1,180 +1,13 @@
+@use "../helpers/_helpers" as *;
+
 /*------------------------------------*\
 		Speaking Engagements
 \*------------------------------------*/
 
 .publications {
 
   .subsection__header {
-    @include rem( margin-block-start, 40 );
+    @include rem( margin-block-start, 60 );
   }
 
-	// Flexbox!
-	.listing--books {
-
-		@include breakup-breakpoint('global') {
-
-			// Flexbox!
-			display: flex;
-			flex-wrap: wrap;
-			align-items: stretch;
-			
-			@include rem( margin, 20 auto 0 );
-
-			@supports (margin-block: 1em) {
-				margin: unset;
-				@include rem( margin-block, 20 0, false );
-				margin-inline: auto;
-			}
-
-		}
-
-		@include breakup-breakpoint('full') {
-			@include rem( margin, 20 -80 0 );
-
-			@supports (margin-block: 1em) {
-				margin: unset;
-				@include rem( margin-block, 20 0, false );
-				@include rem( margin-inline, -80, false );
-			}
-		}
-
-	}
-
-	.book {
-
-		@include breakup-breakpoint('small') {
-
-			// 2 events per row, 20px gutter
-			flex: 0 0 calc( 50% - 1.25rem / 2 );
-			margin-left: 1.25rem;
-
-			@supports (margin-block: 1em) {
-				margin-left: unset;
-				margin-inline-start: 1.25rem;
-			}
-			
-			/* Remove left margin for row starters */
-			&:nth-child(odd) {
-				margin-left: 0;
-
-				@supports (margin-block: 1em) {
-					margin-left: unset;
-					margin-inline-start: 0;
-				}
-			}
-			
-			// Reset margins on "future" events & remove the correct one
-			&--future:nth-child(odd) {
-				margin-left: 1.25rem;
-
-				@supports (margin-block: 1em) {
-					margin-left: unset;
-					margin-inline-start: 1.25rem;
-				}
-			}
-			&--future:nth-child(even) {
-				margin-left: 0;
-
-				@supports (margin-block: 1em) {
-					margin-left: unset;
-					margin-inline-start: 0;
-				}
-			}
-			
-			// first if more >= 1
-			&--future:nth-last-child(n+1):first-child {
-				flex: 0 0 100%;
-				margin-left: 0;
-
-				@supports (margin-block: 1em) {
-					margin-left: unset;
-					margin-inline-start: 0;
-				}
-
-				.listing__item__title {
-					@include rem( font-size, 36 );
-				}
-			}
-
-		}
-
-		@include breakup-breakpoint('medium') {
-
-			/* 1/3 width with a 20px gap (fudged) */
-			flex: 0 0 calc( 100% / 3 - 0.875rem );
-
-			// Reset margins
-			&:nth-child(even),
-			&:nth-child(odd) {
-				margin-left: 1.25rem;
-
-				@supports (margin-block: 1em) {
-					margin-left: unset;
-					margin-inline-start: 1.25rem;
-				}
-			}
-			
-			// Normal Grid margin removal
-			&:nth-child(3n+1) {
-				margin-left: 0;
-
-				@supports (margin-block: 1em) {
-					margin-left: unset;
-					margin-inline-start: 0;
-				}
-			}
-			
-			&--future {
-
-				// Only the lonely
-				@include exactly(1) {
-					flex: 0 0 100%;
-					margin-left: 0;
-
-					@supports (margin-block: 1em) {
-						margin-left: unset;
-						margin-inline-start: 0;
-					}
-
-					.listing__item__title {
-						@include rem( font-size, 36 );
-					}
-				}
-
-				// Margin reset
-				&:nth-child(3n+1) {
-					margin-left: 1.25rem;
-
-					@supports (margin-block: 1em) {
-						margin-left: unset;
-						margin-inline-start: 1.25rem;
-					}
-				}
-
-				// Quantity + nth
-				&:nth-last-child(n+2):first-child ~ .event--future:nth-child(3n) {
-					margin-left: 0;
-
-					@supports (margin-block: 1em) {
-						margin-left: unset;
-						margin-inline-start: 0;
-					}
-				}
-
-				// first two if more >= 2
-					&:nth-last-child(n+2):first-child,
-					&:nth-last-child(n+2):first-child + .event--future {
-						flex: 0 0 calc( 50% - 1.25rem / 2 );
-
-					.listing__item__title {
-						@include rem( font-size, 24 );
-					}
-				}
-
-			}
-
-		}
-
-	}
-
 }