Fix/wrap text on hero button (#381)

* fix: display on safari * fix: missing class
isomerpages · Mar 15, 2024 · e9ff9cf · e9ff9cf
1 parent 80287b8
commit e9ff9cf
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/_includes/homepage/hero.html b/_includes/homepage/hero.html
@@ -45,7 +45,7 @@ <h1 class="display padding--bottom--lg margin--none">
           section.hero.url and section.hero.button -%}
           <a
             href="{{- site.baseurl -}}{{- section.hero.url -}}"
-            class="bp-button is-secondary is-uppercase search-button"
+            class="bp-button is-secondary is-uppercase search-button hero-button"
           >
             {{- section.hero.button -}}
           </a>

diff --git a/assets/css/blueprint.css b/assets/css/blueprint.css
@@ -11621,4 +11621,9 @@ h6 center {
 }
 .social-logo:hover {
   filter: brightness(1);
+}
+.hero-button.bp-button {
+  min-height: 2.4rem;
+  height: auto;
+  white-space: normal;
 }