Refactor SCSS and Pug templates for improved consistency: Simplify hero and menu sections by removing redundant classes and utilizing Bootstrap utilities. Update styles for better maintainability and enhance visual coherence across components.

Author: JumpLink

src/scss/_hero.scss

@@ -1,10 +1,7 @@
-.hero-section {
-  // Spacing, font-size, font-weight now handled by utilities in Pug
-  .hero-subtitle {
-    letter-spacing: 0.04em; // Custom, no Bootstrap utility
-  }
+.hero-subtitle {
+  letter-spacing: 0.04em; // Custom, no Bootstrap utility
+}
 
-  .hero-location {
-    color: $cream-dark; // Custom color
-  }
+.hero-location {
+  color: $cream-dark; // Custom color
 }

src/scss/_menu.scss

@@ -22,8 +22,6 @@
     border-bottom: $border-width dotted $border-color;
     padding-top: $spacer * 0.3;
   }
-
-  // __description margin-top handled by .mt-n1 utility in template
 }
 
 // Multi-column layout for Speisekarte categories
@@ -79,7 +77,5 @@
     // margin-bottom handled by .mb-2 utility in template
   }
 
-  &__description {
-    font-size: $font-size-sm;
-  }
+  // __description font-size handled by .small utility in template
 }

src/views/partials/hero.pug

@@ -1,4 +1,4 @@
-section#hero.hero-section.text-center.py-5
+section#hero.text-center.py-5
   .container
     p.hero-subtitle.fw-semibold.fs-3.mt-4= site.hero_subtitle || 'Dein Imbisstaurant für krossen Geschmack'
     p.hero-location.fs-5.mb-4= contact.location

src/views/partials/speisekarte.pug

@@ -12,24 +12,24 @@ div
               h3.werkmenu-card__number.text-uppercase.mb-1.text-primary Menü #{wm.number}
               h4.werkmenu-card__name.text-shine.fw-bold.mb-2!= formatName(wm.name)
               if wm.description
-                p.werkmenu-card__description.text-info.mb-2!= formatName(wm.description)
+                p.text-info.small.mb-2!= formatName(wm.description)
               if wm.variants
                 each variant in wm.variants
                   .menu-item.d-flex.justify-content-between.align-items-center.py-1.gap-2
                     span.menu-item__name!= formatName(variant.name)
                     span.menu-item__dots
-                    span.menu-item__price.text-info.flex-shrink-0= formatPrice(variant.price) + ' €'
+                    span.text-info.flex-shrink-0= formatPrice(variant.price) + ' €'
               else if wm.price
                 .menu-item.d-flex.justify-content-end.py-1
-                  span.menu-item__price.text-info.fw-bold.fs-5= formatPrice(wm.price) + ' €'
+                  span.text-info.fw-bold.fs-5= formatPrice(wm.price) + ' €'
           if werkmenus.kids_menu
             .werkmenu-card.mb-4
               h3.werkmenu-card__number.text-uppercase.mb-1.text-primary Kids Menü
               h4.werkmenu-card__name.text-shine.fw-bold.mb-2!= formatName(werkmenus.kids_menu.name)
               if werkmenus.kids_menu.description
-                p.werkmenu-card__description.text-info.mb-2!= formatName(werkmenus.kids_menu.description)
+                p.text-info.small.mb-2!= formatName(werkmenus.kids_menu.description)
               .menu-item.d-flex.justify-content-end.py-1
-                span.menu-item__price.text-info.fw-bold.fs-5= formatPrice(werkmenus.kids_menu.price) + ' €'
+                span.text-info.fw-bold.fs-5= formatPrice(werkmenus.kids_menu.price) + ' €'
         if werkmenus.note
           p.text-center.mt-4.fst-italic.text-muted.small!= formatName(werkmenus.note)
 
@@ -48,10 +48,10 @@ div
                 .menu-item.d-flex.justify-content-between.align-items-center.py-1.gap-2
                   span.menu-item__name.fw-semibold.text-break!= formatName(item.name)
                   span.menu-item__dots
-                  span.menu-item__price.text-info.flex-shrink-0= formatPrice(item.price)
+                  span.text-info.flex-shrink-0= formatPrice(item.price)
                 if item.description
-                  p.menu-item__description.fs-6.text-info.mt-n1.pb-1.text-break!= formatName(item.description)
+                  p.fs-6.text-info.mt-n1.pb-1.text-break!= formatName(item.description)
                 if item.info
-                  p.menu-item__description.fs-6.text-info.mt-n1.pb-1.text-break!= formatName(item.info)
+                  p.fs-6.text-info.mt-n1.pb-1.text-break!= formatName(item.info)
         if menu.note
           p.text-center.mt-4.fst-italic.text-muted.small!= formatName(menu.note)