Merge branch 'dev' into gridless

scss/content/_button.scss

@@ -195,13 +195,12 @@ input[type="reset"] {
 }
 
 // Button [disabled]
-button,
-input[type="submit"],
-input[type="button"],
-input[type="reset"],
-a[role="button"] {
-  &[disabled] {
-    opacity: 0.5;
-    pointer-events: none;
-  }
-}
+button[disabled],
+input[type="submit"][disabled],
+input[type="button"][disabled],
+input[type="reset"][disabled],
+a[role="button"]:not([href]),
+a[role="button"][disabled] {
+  opacity: 0.5;
+  pointer-events: none;
+}

scss/content/_code.scss

@@ -87,5 +87,5 @@ code {
 kbd {
   background-color: var(--code-kbd-background-color);
   color: var(--code-kbd-color);
-  vertical-align: middle;
+  vertical-align: baseline;
 }

scss/content/_form.scss

@@ -129,6 +129,7 @@ label,
 fieldset legend {
   display: block;
   margin-bottom: calc(var(--spacing) * 0.25);
+  font-weight: var(--form-label-font-weight, var(--font-weight));
 }
 
 // Blocks, 100%

scss/content/_typography.scss

@@ -181,18 +181,38 @@ ul {
 }
 
 // Heading group
-hgroup {
-  margin-bottom: var(--typography-spacing-vertical);
+@if $enable-classes == false {
+  hgroup {
+    margin-bottom: var(--typography-spacing-vertical);
 
-  > * {
-    margin-bottom: 0;
+    > * {
+      margin-bottom: 0;
+    }
+
+    > *:last-child {
+      --color: var(--muted-color);
+      --font-weight: unset;
+      font-size: 1rem;
+      font-family: unset;
+    }
   }
+}
 
-  > *:last-child {
-    --color: var(--muted-color);
-    --font-weight: unset;
-    font-size: 1rem;
-    font-family: unset;
+@if $enable-classes {
+  hgroup,
+  .headings {
+    margin-bottom: var(--typography-spacing-vertical);
+
+    > * {
+      margin-bottom: 0;
+    }
+
+    > *:last-child {
+      --color: var(--muted-color);
+      --font-weight: unset;
+      font-size: 1rem;
+      font-family: unset;
+    }
   }
 }
 
@@ -228,7 +248,7 @@ mark {
   padding: 0.125rem 0.25rem;
   background-color: var(--mark-background-color);
   color: var(--mark-color);
-  vertical-align: middle;
+  vertical-align: baseline;
 }
 
 // Blockquote

scss/themes/default/_styles.scss

@@ -59,6 +59,9 @@
   --form-element-spacing-vertical: 0.75rem;
   --form-element-spacing-horizontal: 1rem;
 
+  // Font weight for form labels & fieldsets legend
+  --form-label-font-weight: var(--font-weight);
+
   // Transitions
   --transition: 0.2s ease-in-out;
 }
@@ -149,9 +152,11 @@ a {
   --text-decoration: none;
 
   // Secondary & Contrast
-  &.secondary,
-  &.contrast {
-    --text-decoration: underline;
+  @if $enable-classes {
+    &.secondary,
+    &.contrast {
+      --text-decoration: underline;
+    }
   }
 }