Fine-tune CSS to match designs

albinazs · albinazs · commit 22d51af676c7 · 2024-11-05T16:49:07.000+01:00
diff --git a/tbx/project_styleguide/templates/patterns/organisms/footer/footer.html b/tbx/project_styleguide/templates/patterns/organisms/footer/footer.html
@@ -56,7 +56,7 @@
                                                 {% if logo.image.width > logo.image.height %}
                                                     {% image logo.image max-200x100 format-webp loading="lazy" class="footer__logo" alt=logo.alt_text|default:logo.image.title %}
                                                 {% else %}
-                                                    {% image logo.image max-100x100 format-webp loading="lazy" class="footer__logo" alt=logo.alt_text|default:logo.image.title %}
+                                                    {% image logo.image max-100x100 format-webp loading="lazy" class="footer__logo footer__logo--narrow" alt=logo.alt_text|default:logo.image.title %}
                                                 {% endif %}
                                             </a>
                                         {% endwith %}
diff --git a/tbx/static_src/sass/components/_footer.scss b/tbx/static_src/sass/components/_footer.scss
@@ -89,6 +89,10 @@
         @include high-contrast-light-mode() {
             filter: none;
         }
+
+        &--narrow {
+            max-width: 70px;
+        }
     }
 
     &__company {

Original file line number	Diff line number	Diff line change
`@@ -89,6 +89,10 @@`
`89`	`89`	`@include high-contrast-light-mode() {`
`90`	`90`	`filter: none;`
`91`	`91`	`}`
	`92`	`+`
	`93`	`+ &--narrow {`
	`94`	`+ max-width: 70px;`
	`95`	`+ }`
`92`	`96`	`}`
`93`	`97`
`94`	`98`	`&__company {`