fix hover styles

cagov · Jun 11, 2021 · 5b735bb · 5b735bb
1 parent e120a02
commit 5b735bb
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 11 deletions.
diff --git a/blocks/card/style.css b/blocks/card/style.css
@@ -25,7 +25,7 @@
   color: var(--primary-color, #33705B) !important;
   /* variable used with fallback in case it is not defined */
   /* color: #33705B !important; */
-  font-size: 24px;
+  font-size: 1.75rem;
   line-height: 40px;
   padding: 0;
   margin: 0;

diff --git a/blocks/hero/style.css b/blocks/hero/style.css
@@ -1,6 +1,7 @@
 .cagov-stack * + * {
   margin-top: 1.5rem;
 }
+.cagov-stack h2 { padding-bottom: 0; }
 .cagov-p-2 {
   padding: 2rem;
 }
@@ -45,20 +46,23 @@
   border: none;
   text-decoration: none;
 }
-
-.cagov-hero-body-content .wp-block-button__link {
-  overflow-wrap: normal;
-  white-space: nowrap;
-}
-
 .cagov-hero-body-content .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
-  background-color: #33705B !important;
-  color: #fff !important;
-  padding: 1rem;
-  border-radius: .5rem !important;
+  background-color: #33705B;
+  /* defined here for when css vars are not supported */
+  background-color: var(--primary-color, #33705B);
+  /* variable used with fallback in case it is not defined */
+  color: white;
+  padding: 0.5rem 1rem;
+  border-radius: 0.5rem;
   font-weight: bold;
   display: inline-block;
   border: none;
+  text-decoration: underline;
+}
+
+.cagov-hero-body-content .wp-block-button__link {
+  overflow-wrap: normal;
+  white-space: nowrap;
 }
 
 /* sidebar layout */