holygrail2 1.3.59 → 1.3.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "holygrail2",
-  "version": "1.3.59",
+  "version": "1.3.62",
   "description": "A minimal, responsive, style-agnostic CSS framework.",
   "main": "scss/style.scss",
   "style": "dist/style.css",

package/scss/base/_height.scss

@@ -24,7 +24,7 @@
   height: 100%;
 }
 
-.hg-64 {
+.mh-64 {
   min-height: 64px;
 }
 

package/scss/elements/_buttons.scss

@@ -18,7 +18,7 @@ button {
   border: none;
   white-space: nowrap;
   cursor: pointer;
-  padding: 8px 16px 6px;
+  padding: 2px 16px 0;
   background-color: transparent;
   min-height: $height-btn;
   @include font-light;
@@ -228,9 +228,6 @@ button {
   width: 100%;
   padding-right: $padding-global * 2;
   padding-left: $padding-global * 2;
-  font-size: $btn-text-full;
-  height: auto;
-  min-height: $height-btn;
 }
 .btn--round {
   border-radius: 50px;
@@ -338,7 +335,6 @@ button {
   color: $c-primary;
   background-color: $c-white;
   border: 1px solid $c-primary;
-  line-height: 1;
   svg {
     circle {
       stroke: $c-primary;
@@ -577,10 +573,6 @@ button {
   background-color: transparent;
   border: 0 solid transparent;
   height: auto;
-  min-height: auto;
-  padding-top: 6px;
-  padding-bottom: 6px;
-  line-height: 1;
   min-width: 24px;
   padding-inline: 0;
 

package/scss/elements/_links.scss

@@ -16,7 +16,10 @@ a {
   transition: background-color 0.3s ease-in-out;
   margin: 0;
   padding: 2px 0;
+  height: auto;
+  min-height: auto;
   cursor: pointer;
+  vertical-align: middle;
 
   &:hover {
     opacity: $opacity-links;
@@ -85,6 +88,7 @@ a {
   background-repeat: no-repeat;
   background-size: 100% 100%;
   transition: background-size 0.4s;
+  min-height: auto;
 
   .c-dark-grey & {
     background-image: linear-gradient(

package/scss/elements/_md-toggle.scss

@@ -10,7 +10,7 @@
   align-items: center;
   display: flex;
   gap: 8px;
-  height: 40px;
+  min-height: 40px;
   justify-content: space-between;
 }
 

package/scss/hg-lite/abstract/_variables.scss

@@ -72,12 +72,6 @@ $hg-spacer-1900: map.get($hg-spacers, 1900) !default;
 $hg-spacer-2000: map.get($hg-spacers, 2000) !default;
 
 $hg-utilities: (
-  'display': (
-    property: display,
-    class: 'd',
-    responsive: true,
-    values: contents inline inline-block block flex inline-flex none
-  ),
   'min-height': (
     property: min-height,
     class: 'min-h',

package/scss/layouts/_hgbread.scss

@@ -1,11 +1,11 @@
 @import '../abstract/_all';
 
-.hg-bread {
+.hg0-bread {
   background-color: $c-white;
   padding: 0;
   border-bottom: var(--line-width) solid $c-dark-grey;
 
-  .hg-bread-inner {
+  .hg0-bread-inner {
     display: table;
     text-align: center;
     margin: 0 auto;
@@ -13,7 +13,7 @@
     width: 100%;
   }
 
-  .hg-bread-item {
+  .hg0-bread-item {
     display: inline-table;
     margin-bottom: -1px;
     vertical-align: middle;
@@ -23,14 +23,14 @@
     text-transform: uppercase;
   }
 
-  .hg-bread-num {
+  .hg0-bread-num {
     text-align: center;
     line-height: 1;
     overflow: hidden;
     margin: 0 auto 10px;
   }
 
-  .hg-bread-line {
+  .hg0-bread-line {
     display: inline-table;
     vertical-align: middle;
 
@@ -41,7 +41,7 @@
     }
   }
 
-  .hg-bread-title {
+  .hg0-bread-title {
     line-height: 1;
   }