Merge pull request #1681 from gethinode/templatev2

Templatev2

Author: markdumay

assets/scss/app-dart.scss

@@ -14,6 +14,9 @@
 // Import Bootstrap configuration (mounted by core Bootstrap module)
 @import "bootstrap-dart.scss"; // note: modified for dart-sass
 
+// Import responsive utilities (requires Bootstrap variables to be defined)
+@import "common/utilities-responsive.scss";
+
 // Include dark mode overrides
 @import "common/variables-dark.scss";
 

assets/scss/app.scss

@@ -12,6 +12,9 @@
 // Import Bootstrap configuration (mounted by core Bootstrap module)
 @import "bootstrap.scss";
 
+// Import responsive utilities (requires Bootstrap variables to be defined)
+@import "common/utilities-responsive.scss";
+
 // Include dark mode overrides
 @import "common/variables-dark.scss";
 

assets/scss/common/_utilities-responsive.scss

@@ -0,0 +1,16 @@
+// Responsive utilities that require Bootstrap variables to be defined
+// Must be imported AFTER bootstrap.scss
+
+// Make the font-size class responsive (requires $font-sizes from Bootstrap)
+$utilities: map-merge(
+  $utilities,
+  (
+    "font-size": (
+      responsive: true,
+      rfs: true,
+      property: font-size,
+      class: fs,
+      values: $font-sizes
+    ),
+  )
+);

component-library/components/approach/approach.hugo.html

@@ -48,7 +48,7 @@
 	{{- partial "assets/section-title.html" (dict
 		"heading" $args.heading
 		"justify" $args.justify
-		"class" (printf "pb-%d" $padding.y))
+		"class"   (printf "pb-%d" $padding.y))
 	-}}
 
 	{{/* Add featured illustration */}}

component-library/components/articles/articles.hugo.html

@@ -74,7 +74,7 @@
 		{{- partial "assets/section-title.html" (dict
 			"heading" $args.heading
 			"justify" $args.justify
-			"class" (printf "pb-%d" $padding.y))
+			"class"   (printf "pb-%d" $padding.y))
 		-}}
 
 		{{ $partial := "assets/card-group.html" }}

component-library/components/cards/cards.hugo.html

@@ -43,7 +43,7 @@
 	{{- partial "assets/section-title.html" (dict
 		"heading" $args.heading
 		"justify" $args.justify
-		"class" (printf "pb-%d" $padding.y))
+		"class"   (printf "pb-%d" $padding.y))
 	-}}
 
 	{{/* Init base arguments for card group */}}

component-library/components/faq/faq.hugo.html

@@ -26,7 +26,7 @@
 	{{- partial "assets/section-title.html" (dict
 		"heading" $args.heading
 		"justify" $args.justify
-		"class" (printf "pb-%d" $padding.y))
+		"class"   (printf "pb-%d" $padding.y))
 	-}}
 
 	{{ $class := "" }}

component-library/components/menu/menu.hugo.html

@@ -27,7 +27,7 @@
 	{{- partial "assets/section-title.html" (dict
 		"heading" $args.heading
 		"justify" $args.justify
-		"class" (printf "pb-%d" $padding.y))
+		"class"   (printf "pb-%d" $padding.y))
 	-}}
 
 	{{- partial "assets/menu.html" (dict 

component-library/components/panels/panels.hugo.html

@@ -67,7 +67,7 @@
 	{{- partial "assets/section-title.html" (dict
 		"heading" $args.heading
 		"justify" $args.justify
-		"class" (printf "pb-%d" $padding.y))
+		"class"   (printf "pb-%d" $padding.y))
 	-}}
 
 	{{- partial "assets/nav.html" (dict 

component-library/components/team/team.hugo.html

@@ -65,7 +65,7 @@
 		{{- partial "assets/section-title.html" (dict
 			"heading" $args.heading
 			"justify" $args.justify
-			"class" (printf "pb-%d" $padding.y))
+			"class"   (printf "pb-%d" $padding.y))
 		-}}
 
 		{{ $partial := "assets/card-group.html" }}