Twaek customer logo sizes

socreatory · Feb 20, 2024 · 0c8dcc5 · 0c8dcc5
1 parent 979fc3e
commit 0c8dcc5
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 11 deletions.
diff --git a/lib/components/customer_logo/_customer_logo.scss b/lib/components/customer_logo/_customer_logo.scss
@@ -1,5 +1,5 @@
 .custommer-logo-grid {
-  @include for-tablet-landscape-up {
+  @include for-tablet-portrait-up {
     row-gap: $spacer-xl;
     column-gap: $spacer-2xl;
   }
@@ -14,30 +14,46 @@
 }
 
 .customer-logo {
-  @include for-tablet-landscape-up {
-    width: 10rem;
-  }
-
   display: block;
-  width: 6rem;
 }
 
-.customer-logo--large {
+.customer-logo--provinzial,
+.customer-logo--businessdecision {
   @include for-tablet-landscape-up {
     width: 16rem;
   }
 
   width: 12rem;
 }
 
+.customer-logo--ituc {
+  @include for-tablet-landscape-up {
+    width: 9rem;
+  }
+
+  width: 7rem;
+}
+
+.customer-logo--idealo {
+  @include for-tablet-landscape-up {
+    width: 10rem;
+  }
+
+  width: 8rem;
+}
+
 .customer-logo--tracetronic {
   @include for-tablet-landscape-up {
     width: 8rem;
   }
+
+  width: 6rem;
 }
 
 .customer-logo--zuehlke {
   @include for-tablet-landscape-up {
     width: 7rem;
   }
+
+  width: 5rem;
 }
diff --git a/lib/views/home/home.md b/lib/views/home/home.md
@@ -169,10 +169,10 @@ description: Homepage
         <section class="container container--xl container-vertical-spacing-2xl container--centered">
             <h2 class="section__title--normal">Unsere Kunden</h2>
             <div class="custommer-logo-grid">
-                <a href="#" class="customer-logo customer-logo--large"><img src="/snippet/images/logos/business&decision.svg" alt="Firmenlogo business&decision"></a>
-                <a href="#" class="customer-logo customer-logo--large"><img src="/snippet/images/logos/provinzial.svg" alt="Firmenlogo Provinzial"></a>
-                <a href="#" class="customer-logo"><img src="/snippet/images/logos/ITUC.svg" alt="Firmenlogo ITUC"></a>
-                <a href="#" class="customer-logo"><img src="/snippet/images/logos/idealo.svg" alt="Firmenlogo idealo"></a>
+                <a href="#" class="customer-logo customer-logo--businessdecision"><img src="/snippet/images/logos/business&decision.svg" alt="Firmenlogo business&decision"></a>
+                <a href="#" class="customer-logo customer-logo--provinzial"><img src="/snippet/images/logos/provinzial.svg" alt="Firmenlogo Provinzial"></a>
+                <a href="#" class="customer-logo--ituc"><img src="/snippet/images/logos/ITUC.svg" alt="Firmenlogo ITUC"></a>
+                <a href="#" class="customer-logo--idealo"><img src="/snippet/images/logos/idealo.svg" alt="Firmenlogo idealo"></a>
                 <a href="#" class="customer-logo customer-logo--tracetronic"><img src="/snippet/images/logos/tracetronic.svg" alt="Firmenlogo tracetronic"></a>
                 <a href="#" class="customer-logo customer-logo--zuehlke"><img src="/snippet/images/logos/zuehlke.svg" alt="Firmenlogo Zuehlke"></a>
             </div>