Merge remote-tracking branch 'upstream/main' into inclusive-designGH-27

chosww · Jul 31, 2023 · 899131a · 899131a
2 parents 8ae03d6 + 44dc963
commit 899131a
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 8 deletions.
diff --git a/src/static/css/_card.css b/src/static/css/_card.css
@@ -82,6 +82,7 @@
 .card a:active {
     background-color: inherit;
     box-shadow: none;
+    color: var(--fl-linkColor, var(--color-blue-600));
     outline: 0.2rem solid transparent;
 }
 
@@ -100,9 +101,10 @@
     top: 0;
 }
 
-.card:hover {
+.card:hover,
+.card:has(a:hover) {
     box-shadow: 0 0 0 0.0625rem var(--fl-linkColor, var(--card-border-hover)) inset;
-    color: var(--fl-linkColor);
+    color: var(--fl-linkColor, var(--color-black));
 }
 
 .card:hover .header {
@@ -121,6 +123,7 @@
     box-shadow:
         0 0 0 0.0625rem var(--fl-linkColor, var(--color-green-100)) inset,
         0 0 0 0.125rem var(--fl-linkColor, transparent) inset;
+    color: var(--fl-linkColor, var(--color-black));
 }
 
 .card:has(a:active) .header,
@@ -133,7 +136,7 @@
         0 0 0 0.125rem var(--fl-linkColor, var(--card-focus-border)) inset,
         0 0 0 0.125rem var(--fl-bgColor, transparent),
         0 0 0 0.25rem var(--fl-linkColor, transparent);
-    color: var(--fl-linkColor);
+    color: var(--fl-linkColor, var(--color-black));
 }
 
 .card:focus-within .header {

diff --git a/src/static/css/_variables.css b/src/static/css/_variables.css
@@ -150,7 +150,7 @@
             (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) /
             (var(--fluid-max-width) - var(--fluid-min-width))
         );
-    --f--1-min: 12.4444;
+    --f--1-min: 12;
     --f--1-max: 14;
     --step--1:
         calc(
@@ -164,21 +164,21 @@
             ((var(--f-0-min) / 16) * 1rem) + (var(--f-0-max) - var(--f-0-min)) *
             var(--fluid-bp)
         );
-    --f-1-min: 28.4444;
+    --f-1-min: 28;
     --f-1-max: 32;
     --step-1:
         calc(
             ((var(--f-1-min) / 16) * 1rem) + (var(--f-1-max) - var(--f-1-min)) *
             var(--fluid-bp)
         );
-    --f-2-min: 46.2222;
+    --f-2-min: 36;
     --f-2-max: 52;
     --step-2:
         calc(
             ((var(--f-2-min) / 16) * 1rem) + (var(--f-2-max) - var(--f-2-min)) *
             var(--fluid-bp)
         );
-    --f-3-min: 78.2222;
+    --f-3-min: 48;
     --f-3-max: 88;
     --step-3:
         calc(

diff --git a/src/static/design-system/css/reset.css b/src/static/design-system/css/reset.css
@@ -1,6 +1,6 @@
 /* Reset */
 body {
-    color: var(--fl-fgColor, var(--color-green-700));
+    color: var(--fl-fgColor, var(--color-green-800));
     font-family: var(--font-system, sans-serif);
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;