Updated maroon card link states. Updated the open button on maroon card.

loyolauniversitychicago · Aug 9, 2024 · 1382841 · 1382841
1 parent 477d494
commit 1382841
Show file tree

Hide file tree

Showing 6 changed files with 39 additions and 11 deletions.
diff --git a/deploy/css/styles-framework.css b/deploy/css/styles-framework.css
diff --git a/deploy/css/styles-panels.css b/deploy/css/styles-panels.css
diff --git a/deploy/css/styles-typography.css b/deploy/css/styles-typography.css
diff --git a/development/scss/scss-framework/_main-navigation.scss b/development/scss/scss-framework/_main-navigation.scss
@@ -55,7 +55,7 @@ ul[role="menubar"] {
 		padding: 1rem 1.25rem .75rem 1.25rem;
 		font-family: 'OpenSans', 'Arial', sans-serif;
 		font-size: .85rem;
-		font-weight: bold;
+		font-weight: 600;
 		color: $gray-extra-light !important;
 		border: none !important;
 		border-radius: 0;
@@ -83,7 +83,7 @@ ul[role="menubar"] {
 			width: auto;
 			font-family: 'OpenSans', 'Arial', sans-serif;
 			font-size: .85rem;
-			font-weight: bold;
+			font-weight: 600;
 			letter-spacing: .025rem;
 			color: $gray-extra-light;
 			text-transform: uppercase;

diff --git a/development/scss/scss-panels/_panels.scss b/development/scss/scss-panels/_panels.scss
@@ -38,7 +38,10 @@
 .bg-maroon a.cta, .bg-brick a.cta, .bg-gray a.cta, .bg-gray-dark a.cta, .bg-patina a.cta, .bg-patina-dark a.cta, .bg-overlay a.cta  {
   color: lighten($gold, 15%);
   &:hover {
-    color: $opus !important;
+    color: lighten($gold, 30%) !important;
+  }
+  &:visited {
+    color: $gold !important;
   }
 }
 
@@ -52,7 +55,7 @@
 .bg-gold a.cta, .bg-terracotta-extra-light a.cta  {
   color: $maroon !important;
   &:hover {
-    color: $brick !important;
+    color: lighten($maroon, 10%) !important;
   }
 }
 

diff --git a/development/scss/scss-typography/_buttons.scss b/development/scss/scss-typography/_buttons.scss
@@ -99,6 +99,17 @@ button.center {
   }
 }
 
+.card .content-grid-wrapper.bg-maroon .button-open button {
+  color: lighten($gold, 10%) !important;
+  border: solid .125rem lighten($gold, 10%) !important;
+  background: none;
+  &:hover {
+    color: lighten($gold, 10%);
+    border: solid .125rem lighten($gold, 10%);
+    background: lighten($maroon, 10%);
+  }
+}
+
 .flex-item button {
   width: 100%;
 }