optimisation des performances

Author: salaahl

assets/images/about-section-img.webp

@@ -120,8 +120,11 @@ section {
 
   css-doodle {
     --rule: (
-      @grid: 16 / 100%; @size: 1px calc(141.4% + 1px); transform:
-        rotate(@pick (±45deg)); background: #00000040; margin: auto;
+      @grid: 16 / 100%; 
+      @size: 1px calc(141.4% + 1px); 
+      transform:rotate(@pick(±45deg)); 
+      background: #00000040; 
+      margin: auto;
     );
   }
 

assets/images/me.webp

@@ -33,13 +33,13 @@ footer a {
   font-size: 85%;
 }
 
-footer h6 {
+footer .subtitle {
   position: relative;
   margin-bottom: 40px;
   text-transform: uppercase;
 }
 
-footer h6:after {
+footer .subtitle:after {
   position: absolute;
   content: "";
   background: rgb(255, 255, 255, 0.5);
@@ -56,6 +56,7 @@ footer ul {
 footer ul li {
   list-style: none;
   display: block;
+  margin-bottom: 10px;
 }
 
 footer ul li a {

assets/styles/app.css

@@ -411,10 +411,12 @@ section {
   backface-visibility: hidden;
 }
 
+/*
 .flip-card:hover .dishs h6,
 .flip-card:hover .dish {
   animation: scroll 2s;
 }
+*/
 
 #reservation-container {
   transform: translateY(150px);

assets/styles/components/footer.css

@@ -10,15 +10,15 @@
 					</div>
 				</div>
 				<div class="col">
-					<h6>À propos de nous</h6>
+					<span class="subtitle">À propos de nous</span>
 					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 				</div>
 			</div>
 		</div>
 		<div class="col">
 			<div class="row">
 				<div class="col">
-					<h6>Nos réseaux</h6>
+					<span class="subtitle">Nos réseaux</span>
 					<div class="row">
 						<div class="col">
 							<ul>
@@ -29,7 +29,7 @@
 					</div>
 				</div>
 				<div class="col">
-					<h6>Nous contacter</h6>
+					<span class="subtitle">Nous contacter</span>
 					<div class="row">
 						<div class="col">
 							<ul>
@@ -40,7 +40,7 @@
 					</div>
 				</div>
 				<div class="col">
-					<h6>Horaires</h6>
+					<span class="subtitle">Horaires</span>
 					<p>
 						Mardi > Vendredi : 13h00 > 23h00<br>
 						Week-end : 13h00 > 23h00</p>

assets/styles/home.css

@@ -66,7 +66,7 @@
 							<p>{{ menu.name }}</p>
 						</div>
 						<div class="dishs">
-							<h4 class="title">{{ menu.name }}</h4>
+							<span class="title">{{ menu.name }}</span>
 							{% for dish in menu.dishes %}
 								<div class="dish">
 									<span class="name">{{ dish.name }}</span>