feat: Ajustement des marges

data/fr/skill.yml

@@ -3,9 +3,7 @@ skill:
   enable : true
   #title : "Notre zone d'intervention"
   subtitle : "Notre zone d'intervention"
-  content : |
-    Vos cyclistes jardiniers sont en capacité de venir s’occuper de vos jardins sur les communes de Bordeaux, Bègles, Villenave d’Ornon, Talence, Pessac, Mérignac, Le Bouscat, Bruges et Floirac.  
-    A Bordeaux, nous passons dans tous les quartiers, de l'hypercentre à Caudéran, Chartrons, Grand Parc, Jardin Public, La Bastide, Nansouty, Saint-Genès, Saint-Augustin, Tauzin, Alphonse Dupeux, La Benauge, Saint-Jean, Bacalan, Saint Seurin, Faudondège, Quinconces, Capucins, Victoire, Mériadeck, Saint-Pierre, Ginko, Saint-Bruno.
+  # content : |
   content_blocks:
     - Vos cyclistes jardiniers sont en capacité de venir s’occuper de vos jardins sur les communes de Bordeaux, Bègles, Villenave d’Ornon, Talence, Pessac, Mérignac, Le Bouscat, Bruges et Floirac.
     - A Bordeaux, nous passons dans tous les quartiers, de l'hypercentre à Caudéran, Chartrons, Grand Parc, Jardin Public, La Bastide, Nansouty, Saint-Genès, Saint-Augustin, Tauzin, Alphonse Dupeux, La Benauge, Saint-Jean, Bacalan, Saint Seurin, Fondaudège, Quinconces, Capucins, Victoire, Mériadeck, Saint-Pierre, Ginko, Saint-Bruno.

themes/meghna-hugo/assets/css/style.css

@@ -247,18 +247,34 @@ a:hover {
 }
 
 .section {
-  padding: 100px 0;
+  padding: 5rem 0;
 }
 
 @media (max-width: 768px) {
   .section {
-    padding: 80px 0;
+    padding: 4rem 0;
   }
 }
 
 @media (max-width: 480px) {
   .section {
-    padding: 50px 0;
+    padding: 3rem 0;
+  }
+}
+
+.section.stick {
+  padding: 5rem 0 0;
+}
+
+@media (max-width: 768px) {
+  .section.stick {
+    padding: 4rem 0 0;
+  }
+}
+
+@media (max-width: 480px) {
+  .section.stick {
+    padding: 3rem 0 0;
   }
 }
 
@@ -445,6 +461,10 @@ a:hover {
   border-color: #fff;
 }
 
+strong {
+  font-variation-settings: 'wght' 500
+}
+
 .navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
@@ -727,6 +747,10 @@ a:hover {
   padding-right: 5px;
 }
 
+.con-info strong a {
+  font-size: 1.4rem;
+}
+
 .error {
   display: none;
   padding: 10px;

themes/meghna-hugo/layouts/partials/cta.html

@@ -10,7 +10,9 @@
 		<div class="row">
 			<div class="col-lg-12">
 				<div class="p-3">
-					<h2>{{ .title | markdownify }}</h2>
+					<div class="title text-center wow fadeIn">
+						<h2>{{ .title | markdownify }}</h2>
+					</div>
 					<p>{{ .content | markdownify }}</p>
 					{{ if .button.enable }}
 					{{ with .button }}
@@ -18,7 +20,7 @@
 					{{ end }}
 					{{ end }}
 					{{ with .call_to_action }}
-					<div class="text-center p-3">
+					<div class="text-center pt-3 px-3">
 						{{ range . }}
 						<a href="{{ .link | safeURL }}" class="btn btn-primary m-2">{{ .text }}</a>
 						{{ end }}

themes/meghna-hugo/layouts/partials/feature.html

@@ -3,9 +3,9 @@
 {{ if $data.feature.feature.enable }}
 {{ with $data.feature.feature }}
 {{"<!-- feature -->" | safeHTML}}
-<section class="section section-bg p-3" id="feature">
+<section class="section section-bg" id="feature">
 	<div class="container-fluid">
-		<div class="row justify-content-center align-items-center">
+		<div class="row justify-content-center align-items-center p-3">
 			<div class="col-12 col-md-2 m-md-0 m-5 m-md-3" style="height: 150px; background-image: url('{{ .image_webp | absURL }}'); background-size: contain; background-position: center; background-repeat: no-repeat; ">
 				<!-- this image is for trigger this section fallback background image -->
 				<img src="{{ .image_webp | absURL }}" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .image | absURL }})'" loading="lazy">
@@ -15,7 +15,7 @@
 					<h2>{{ .title | markdownify }}</h2>
 					<p>{{ .content | markdownify }}</p>
 					{{ with .call_to_action }}
-					<div class="text-center text-md-left">
+					<div class="text-center text-md-left pt-3 px-3">
 						<a class="btn btn-primary" href="{{ .link | safeURL }}">{{ .text }}</a>
 					</div>
 					{{ end }}

themes/meghna-hugo/layouts/partials/navigation.html

@@ -10,7 +10,7 @@
 				{{ end }}
 			</a>
 
-			<button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation">
+			<button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation" onfocusout="this.click()">
 				<span class="navbar-toggler-icon"></span>
 			</button>
 

themes/meghna-hugo/layouts/partials/service.html

@@ -3,7 +3,7 @@
 {{ if $data.service.service.enable}}
 {{ with $data.service.service}}
 {{"<!-- service -->" | safeHTML }}
-<section id="services" class="bg-one section">
+<section id="services" class="bg-one section stick">
 	<div class="container">
 		<div class="row justify-content-center">
 			<div class="col-lg-12">

themes/meghna-hugo/layouts/partials/skill.html

@@ -3,7 +3,7 @@
 {{ if $data.skill.skill.enable }}
 {{ with $data.skill.skill }}
 {{"<!-- Skills -->" | safeHTML }}
-<section id="skills" class="section bg-one">
+<section id="skills" class="section bg-one stick">
 	<div class="container">
 		{{ if .title }}
 		<div class="row">
@@ -33,8 +33,8 @@
 					{{ $col := div 12 (len .content_blocks) }}
 					<div class="row">
 						{{ range .content_blocks }}
-					<div class="col-{{ $col }}">
-						{{ . | markdownify }}
+					<div class="col-sm-{{ $col }} col-12">
+						<p>{{ . | markdownify }}</p>
 					</div>
 					{{ end }}
 					</div>