block definitions

assets/sass/_theme/_configuration.sass

@@ -244,7 +244,7 @@ $block-call-to-action-button-color: $color-text !default
 
 // Block definitions
 $block-definition-border-color: $color-border !default
-$block-definition-border-color-hovered: color-contrast($block-definition-border-color, 100%) !default
+$block-definition-border-color-hovered: $color-accent !default
 $block-definition-font-size: $body-size !default
 $block-definition-font-size-md: $body-size-md !default
 

assets/sass/_theme/blocks/definitions.sass

@@ -3,6 +3,14 @@
         &:not([open]):hover
             &::after
                 border-bottom-color: $block-definition-border-color-hovered
+        summary
+            @include signature
+            display: flex
+            justify-content: space-between
+            align-items: center
+            transition: color 0.3s
+            &:hover
+                color: $color-accent
         summary,
         p
             font-size: $block-definition-font-size
@@ -16,6 +24,9 @@
             border-bottom: 1px solid $block-definition-border-color
             display: block
             transition: border-color 0.5s
-    @include in-page-without-sidebar
-        .definitions
-            @include grid(2, md)
+    @include media-breakpoint-up(md)
+        @include in-page-without-sidebar
+            .definitions
+                @include grid(2, md)
+                grid-row-gap: 0 !important
+

assets/sass/_theme/design-system/layout.sass

@@ -69,9 +69,11 @@ details
        summary::after
             transform: translateY(5px)
     summary
+        @include meta
         padding-bottom: $spacing0
         padding-top: $spacing0
         position: relative
+        cursor: pointer
         @include icon(caret, after, px2rem(5))
             margin-left: px2rem(10)
             line-height: px2rem(22)