holygrail2 1.3.46 → 1.3.48

package/package.json

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

package/scss/base/_alignment.scss

@@ -138,6 +138,22 @@
   text-align: center;
 }
 
+.items-center {
+  align-items: center;
+}
+
+.items-start {
+  align-items: flex-start;
+}
+
+.items-end {
+  align-items: flex-end;
+}
+
+.items-stretch {
+  align-items: stretch;
+}
+
 .sticky-bottom {
   width: 100%;
   position: absolute;

package/scss/base/_helpers.scss

@@ -191,6 +191,12 @@ b {
   flex-flow: row nowrap;
   padding: 16px;
 }
+.text-inherit {
+  font-weight: inherit;
+  font-size: inherit;
+  font-family: inherit;
+  line-height: inherit;
+}
 .text-lowercase {
   text-transform: lowercase;
 }

package/scss/base/_spacing.scss

@@ -65,6 +65,63 @@ $break-xl: 1200px !default;
   }
 }
 
+
+.mr-auto {
+  margin-inline-end: auto;
+}
+
+.sm\:mr-auto {
+  @media (min-width: $break-sm) {
+    margin-inline-end: auto;
+  }
+}
+
+.md\:mr-auto {
+  @media (min-width: $break-md) {
+    margin-inline-end: auto;
+  }
+}
+
+.lg\:mr-auto {
+  @media (min-width: $break-lg) {
+    margin-inline-end: auto;
+  }
+}
+
+.xl\:mr-auto {
+  @media (min-width: $break-xl) {
+    margin-inline-end: auto;
+  }
+}
+
+.ml-auto {
+  margin-inline-start: auto;
+}
+
+.sm\:ml-auto {
+  @media (min-width: $break-sm) {
+    margin-inline-start: auto;
+  }
+}
+
+.md\:ml-auto {
+  @media (min-width: $break-md) {
+    margin-inline-start: auto;
+  }
+}
+
+.lg\:ml-auto {
+  @media (min-width: $break-lg) {
+    margin-inline-start: auto;
+  }
+}
+
+.xl\:ml-auto {
+  @media (min-width: $break-xl) {
+    margin-inline-start: auto;
+  }
+}
+
 .sm\:mb-0 {
   @media (min-width: $break-sm) {
     margin-bottom: 0;

package/scss/elements/_buttons.scss

@@ -1513,24 +1513,38 @@ button {
   }
 }
 .btn-quick {
+  align-items: center;
   background-color: transparent;
   border: 0 solid transparent;
+  display: inline-flex;
+  flex-flow: row nowrap;
+  gap: 4px;
   height: auto;
-  min-height: auto;
-  padding: 16px;
-  svg {
-    g {
+  justify-content: space-between;
+  min-height: 16px;
+  min-width: 36px;
+  padding: 0;
+  width: auto;
+  color: $c-primary;
+  background-color: transparent;
+  line-height: 1;
+
+  .text {
+    line-height: 1;
+  }
+  
+  md-icon,
+  .icon {
+    display: inline-flex;
+    flex-flow: column nowrap;
+    justify-content: center;
+    align-items: center;
+
+    path {
       fill: $c-primary;
-      stroke: $c-primary;
-    }
-    circle {
-      stroke: $c-primary;
     }
   }
-  .icon-sizes {
-    margin-top: -6px;
-    transform: translate(4px, 5px);
-  }
+  
   &:focus,
   &.focus,
   &:hover,
@@ -1540,19 +1554,16 @@ button {
     border: 0 solid transparent;
     background-color: transparent;
     cursor: pointer;
-    .tab-inner-size {
-      position: relative;
-    }
-    .tab-inner-size::after {
-      position: absolute;
-      left: 0;
-      bottom: -2px;
-      content: '';
-      width: 100%;
-      height: 1px;
-      background-color: #000;
+    
+  }
+
+  &:hover,
+  &.hover {
+    .text {
+      text-decoration: underline;
     }
   }
+
   &:disabled,
   &[disabled],
   &.disabled {
@@ -1570,6 +1581,7 @@ button {
       border: 0 solid transparent !important;
     }
   }
+  
   .has-light & {
     color: $c-white;
     border-color: transparent;