b243

Author: UnderlineWords

dist/punica.min.css

@@ -76,7 +76,6 @@
 				} @else if theme('type') == 'dark' {
 					color: lighten(color.$grey, 20%);
 				}
-				flex: 1 1 auto;
 			}
 		}
 		>.#{class('card', 'title')}, 

src/Modules/Components/Card/Card.scss

@@ -72,7 +72,7 @@ a {
 	}
 }
 /// Headers
-@each $header, $font-size, $responsive-size in elements('typography', 'headers') {
+@each $header, $font-size in elements('typography', 'headers') {
 	#{$header} {
 		margin-top   : elements('typography', 'header', 'margin-top');
 		color        : elements('typography', 'header', 'color');
@@ -83,7 +83,7 @@ a {
 	}
 	#{$header},
 	.#{$header} {
-		font-size  : $font-size;
+		font-size  : #{$font-size};
 		font-weight: bold;
 	}
 	#{$header}.divided,
@@ -92,12 +92,6 @@ a {
 		padding-bottom: elements('typography', 'divided-header', 'padding-bottom');
 		margin-bottom : elements('typography', 'divided-header', 'margin-bottom');
 	}
-	@include breakpoints(elements('grid', 'breakpoints', 'medium'), 'max-width') {
-		#{$header},
-		.#{$header} {
-			font-size: $responsive-size;
-		}
-	}
 }
 p {
 	margin   : elements('typography', 'paragraph', 'margin');

src/Modules/Elements/Base/Base.scss

@@ -1361,33 +1361,27 @@ $options: (
 			'headers': (
 				(
 					"h1", // class name
-					2em, // font-size
-					1.7em // responsive font-size
+					clamp(1.6rem, 2.34vw + .75rem, 2.05rem) // font-size
 				),
 				(
 					"h2", // class name
-					1.8em, // font-size
-					1.5em // responsive font-size
+					clamp(1.47rem, 2.34vw + .7rem, 1.85rem) // font-size
 				),
 				(
 					"h3", // class name
-					1.6em, // font-size
-					1.3em // responsive font-size
+					clamp(1.33rem, 2.34vw + .65rem, 1.65rem) // font-size
 				),
 				(
 					"h4", // class name
-					1.4em, // font-size
-					1.1em // responsive font-size
+					clamp(1.2rem, 2.34vw + .6rem, 1.45rem) // font-size
 				),
 				(
 					"h5", // class name
-					1.2em, // font-size
-					.9em // responsive font-size
+					clamp(1rem, 2.34vw + .55rem, 1.3rem), // font-size
 				),
 				(
 					"h6", // class name
-					1em, // font-size
-					inherit // responsive font-size
+					clamp(.95rem, 2.34vw + .5rem, 1.15rem) // font-size
 				)
 			)
 		)

src/options.scss

@@ -720,6 +720,7 @@ $helpers: (
 			(160, 10rem), // 160px
 			(200, 12.5rem), // 200px
 			(240, 15rem), // 240px
+			(280, 17.5rem), // 280px
 			(320, 20rem), // 320px
 			(400, 25rem), // 400px
 			(480, 30rem), // 480px
@@ -917,6 +918,9 @@ $helpers: (
 			(150, 9.375rem), // 150px
 			(175, 10.938rem), // 175px
 			(200, 12.5rem), // 200px
+			(240, 15rem), // 240px
+			(280, 17.5rem), // 280px
+			(320, 20rem) // 320px
 		),
 		'variables': (
 			// infix, property
@@ -1149,6 +1153,9 @@ $helpers: (
 			(150, 9.375rem), // 150px
 			(175, 10.938rem), // 175px
 			(200, 12.5rem), // 200px
+			(240, 15rem), // 240px
+			(280, 17.5rem), // 280px
+			(320, 20rem) // 320px
 		),
 		'variables': (
 			// infix, property
@@ -1399,6 +1406,7 @@ $helpers: (
 			(160, 10rem), // 160px
 			(200, 12.5rem), // 200px
 			(240, 15rem), // 240px
+			(280, 17.5rem), // 280px
 			(320, 20rem), // 320px
 			(400, 25rem), // 400px
 			(480, 30rem), // 480px