holygrail2 1.1.30 → 1.1.31

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "holygrail2",
-    "version": "1.1.30",
+    "version": "1.1.31",
     "description": "A minimal, responsive, style-agnostic CSS framework.",
     "main": "scss/style.scss",
     "directories": {
@@ -25,6 +25,7 @@
         "type": "git",
         "url": "git+https://github.com/holygrail2/holygrail.git"
     },
+    
     "devDependencies": {
         "open": "^9.1.0",
         "prettier": "^3.0.2",

package/scss/abstract/_setup.scss

@@ -130,105 +130,27 @@ $tooltip-padding: 8px;
 $fs: 'font-size';
 $lh: 'line-height';
 
-$headers: (
-  titularbase-m: (
-    14px,
-    14px,
-    16px,
-    16px,
-    1.2,
-    'medium',
-  ),
-) !default;
+$headers: ( titularbase-m: ( 14px, 14px, 16px, 16px, 1.2, 'medium', ), ) !default;
+$minheaders: ( 
+  p-tag: ( 8px, 10px, 1.3, 'regular', ), 
+  h2: ( 18px, 24px, 1.2, 'bold', ), 
+  title-l: ( 12px, 12px, 1.4, 'regular', ), 
+  title-l-l: ( 12px, 12px, 1.4, 'light', ), 
+  title-l-b: ( 12px, 12px, 1.4, 'medium', ), 
+  title-m: ( 11px, 11px, 1.4, 'regular', ), 
+  title-s: ( 10px, 10px, 1.4, 'regular', ), 
+  text-l: ( 12px, 12px, 1.5, 'regular', ), 
+  text-l-l: ( 12px, 12px, 1.5, 'light', ),
+  text-m: ( 11px, 11px, 1.5, 'regular', ), ) !default; 
+   
+   $headersFixers: (
+    12: ( 12px, 1.5, ),
+    14: ( 14px, 1.5, ), 
+    16: ( 16px, 1.5, ), 
+    18: ( 18px, 1.5, ), 
+    20: ( 20px, 1.5, ), 
+    24: ( 24px, 1.5, ), ) !default;
 
-$minheaders: (
-  p-tag: (
-    8px,
-    10px,
-    1.3,
-    'regular',
-  ),
-  h2: (
-    18px,
-    24px,
-    1.2,
-    'bold',
-  ),
-  title-l: (
-    12px,
-    12px,
-    1.4,
-    'regular',
-  ),
-  title-l-l: (
-    12px,
-    12px,
-    1.4,
-    'light',
-  ),
-  title-l-b: (
-    12px,
-    12px,
-    1.4,
-    'medium',
-  ),
-  title-m: (
-    11px,
-    11px,
-    1.4,
-    'regular',
-  ),
-  title-s: (
-    10px,
-    10px,
-    1.4,
-    'regular',
-  ),
-  text-l: (
-    12px,
-    12px,
-    1.5,
-    'regular',
-  ),
-  text-l-l: (
-    12px,
-    12px,
-    1.5,
-    'light',
-  ),
-  text-m: (
-    11px,
-    11px,
-    1.5,
-    'regular',
-  ),
-) !default;
-$headersFixers: (
-  12: (
-    12px,
-    1.5,
-  ),
-  14: (
-    14px,
-    1.5,
-  ),
-  16: (
-    16px,
-    1.5,
-  ),
-  18: (
-    18px,
-    1.5,
-  ),
-  20: (
-    20px,
-    1.5,
-  ),
-  24: (
-    24px,
-    1.5,
-  ),
-) !default;
 $headersFluids: (
   2: (
     40px,

package/scss/base/_grid.scss

@@ -4,8 +4,8 @@
 //   -CONTAINERS
 
 .container {
-  padding-right: 20px;
-  padding-left: 20px;
+  padding-right: $padding-global;
+  padding-left: $padding-global;
   margin-right: auto;
   margin-left: auto;
   position: relative;
@@ -13,8 +13,8 @@
   max-width: $container;
 
   @media (min-width: $break-sm) {
-    padding-right: 20px;
-    padding-left: 20px;
+    padding-right: $padding-global;
+    padding-left: $padding-global;
     width: 90%;
     max-width: nth(map-values($breakpoints), 2);
   }

package/scss/base/_spacing.scss

@@ -152,3 +152,54 @@
     padding-left: 0;
   }
 }
+
+
+.sm\:pt-0 {
+  @media (min-width: $break-sm) {
+    padding-top: 0;
+  }
+}
+
+.md\:pt-0 {
+  @media (min-width: $break-md) {
+    padding-top: 0;
+  }
+}
+
+.lg\:pt-0 {
+  @media (min-width: $break-lg) {
+    padding-top: 0;
+  }
+}
+
+.xl\:pt-0 {
+  @media (min-width: $break-xl) {
+    padding-top: 0;
+  }
+}
+
+
+.sm\:pb-0 {
+  @media (min-width: $break-sm) {
+    padding-bottom: 0;
+  }
+}
+
+.md\:pb-0 {
+  @media (min-width: $break-md) {
+    padding-bottom: 0;
+  }
+}
+
+.lg\:pb-0 {
+  @media (min-width: $break-lg) {
+    padding-bottom: 0;
+  }
+}
+
+.xl\:pb-0 {
+  @media (min-width: $break-xl) {
+    padding-bottom: 0;
+  }
+}
+