CSS tweaks

Author: aarongustafson

src/_data/sw.json

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

src/_styles/base/_blocks.scss

@@ -93,14 +93,14 @@ hr {
   border-top: 1px solid $color-rule;
 
   height: 0;
-  @include rem( margin, $default-spacing auto );
+  @include rem( margin, ($default-spacing * 2) auto );
 
   @supports (margin-block: 1em) {
     @include unset( border-top height margin );
     border-block-start: 1px solid $color-rule;
     block-size: 0;
     margin-inline: auto;
-    @include rem( margin-block, $default-spacing, false );
+    @include rem( margin-block, $default-spacing * 2, false );
   }
 }
 

src/_styles/pages/_speaking-engagements.scss

@@ -121,42 +121,6 @@
         @include rem( font-size, 24 );
       }
 
-
-			&__location-picture {
-
-				background: transparent center center no-repeat;
-				background-size: cover;
-				box-shadow: inset 0 0 50px 7px $color-green-dark;
-
-				display: block;
-				opacity: .35;
-				filter: grayscale(100%);
-
-				margin: 0;
-				position: absolute;
-				top: 0;
-				left: 0;
-				right: 0;
-				bottom: 0;
-				z-index: 0;
-
-				transition: opacity .35s ease-in-out, transform .35s linear;
-
-				@supports (margin-block: 1em) {
-					@include unset( top right bottom left );
-					inset: 0;
-				}
-
-			}
-
-			& a:focus .event__location-picture,
-			&:hover .event__location-picture {
-
-				opacity: .05;
-				transform: scale(1.125);
-
-			}
-
 			&--future {
 
 				border-color: $color-dark-teal;
@@ -181,6 +145,41 @@
 
 		}
 
+    &__location-picture {
+
+      background: transparent center center no-repeat;
+      background-size: cover;
+      box-shadow: inset 0 0 50px 7px $color-green-dark;
+
+      display: block;
+      opacity: .35;
+      filter: grayscale(100%);
+
+      margin: 0;
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      z-index: 0;
+
+      transition: opacity .35s ease-in-out, transform .35s linear;
+
+      @supports (margin-block: 1em) {
+        @include unset( top right bottom left );
+        inset: 0;
+      }
+
+    }
+
+    & a:focus .event__location-picture,
+    & a:hover .event__location-picture {
+
+      opacity: .05;
+      transform: scale(1.125);
+
+    }
+
 		html.dark-mode & {
 			background: color.scale( $color-green-light, $lightness: -20% );