Merge branch 'dev' of https://github.com/picocss/pico into dev

scss/_variables.scss

@@ -23,6 +23,9 @@ $enable-responsive-typography: true !default;
 // .classless version if disabled
 $enable-classes: true !default;
 
+// Enable .grid class
+$enable-grid: true !default;
+
 // Enable transitions
 $enable-transitions: true !default;
 

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/_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;
+    }
   }
 }
 

scss/layout/_grid.scss

@@ -1,4 +1,4 @@
-@if $enable-classes {
+@if ($enable-classes and $enable-grid) {
   /**
  * Grid
  * Minimal grid system with auto-layout columns

scss/themes/default/_styles.scss

@@ -50,14 +50,18 @@
   --block-spacing-vertical: calc(var(--spacing) * 2);
   --block-spacing-horizontal: var(--spacing);
 
-  // Spacings .grid
-  --grid-spacing-vertical: 0;
-  --grid-spacing-horizontal: var(--spacing);
+  @if ($enable-classes and $enable-grid) {
+    --grid-spacing-vertical: 0;
+    --grid-spacing-horizontal: var(--spacing);
+  }
 
   // Spacings for form elements and button
   --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;
 }