Small fixes

- Lighter <mark>
- Better <hgroup>
- Edit hover for [type="range"]
- button.outline border-width dynamization
- Fix font-family for headings

scss/content/_button-styles.scss

@@ -64,7 +64,7 @@
     &:hover,
     &:active,
     &:focus {
-      border: 1px solid var(--primary-hover-border);
+      border: var(--button-border-width) solid var(--primary-hover-border);
       color: var(--primary-hover);
     }
   }
@@ -82,7 +82,7 @@
     &:hover,
     &:active,
     &:focus {
-      border: 1px solid var(--secondary-hover-border);
+      border: var(--button-border-width)solid var(--secondary-hover-border);
       color: var(--secondary-hover);
     }
   }
@@ -100,8 +100,34 @@
     &:hover,
     &:active,
     &:focus {
-      border: 1px solid var(--contrast-hover-border);
+      border: var(--button-border-width) solid var(--contrast-hover-border);
       color: var(--contrast-hover);
     }
   }
 }
+
+@else {
+
+  // Button reset only for classless version
+  input[type="reset"] {
+    border: var(--button-border-width) solid var(--secondary-border);
+    background-color: var(--secondary);
+    color: var(--secondary-inverse);
+
+    &:hover,
+    &:active,
+    &:focus {
+      border-color: var(--secondary-hover-border);
+      background-color: var(--secondary-hover);
+    }
+
+    &:focus {
+      @if $enable-important {
+        box-shadow: var(--button-hover-shadow), 0 0 0 var(--button-outline-width) var(--secondary-focus) !important;
+      }
+      @else {
+        box-shadow: var(--button-hover-shadow), 0 0 0 var(--button-outline-width) var(--secondary-focus);
+      }
+    }
+  }
+}

scss/content/_form-alt-input-types.scss

@@ -226,17 +226,17 @@
     // Slider Thumb
     &::-webkit-slider-thumb {
       transform: scale(1.25);
-      background-color: var(--primary-hover);
+      background-color: var(--primary);
     }
 
     &::-moz-range-thumb {
       transform: scale(1.25);
-      background-color: var(--primary-hover);
+      background-color: var(--primary);
     }
 
     &::-ms-thumb {
       transform: scale(1.25);
-      background-color: var(--primary-hover);
+      background-color: var(--primary);
     }
   }
 

scss/content/_typography.scss

@@ -141,6 +141,7 @@ h5,
 h6 {
   margin-top: 0;
   margin-bottom: var(--spacing-typography);
+  font-family: var(--titles-font);
   font-weight: var(--titles-weight);
 }
 
@@ -226,6 +227,7 @@ hgroup {
 
   > *:last-child {
     color: var(--muted-text);
+    font-family: unset;
     font-size: 1.125rem;
     font-weight: unset;
   }