update bankrate theme

uswitch · Jun 29, 2020 · 99ba79e · 99ba79e
1 parent bed45b5
commit 99ba79e
Showing 1 changed file with 52 additions and 35 deletions.
diff --git a/src/themes/bankrate/theme.json b/src/themes/bankrate/theme.json
@@ -44,7 +44,8 @@
   "fontWeights": {
     "base": 400,
     "light": 300,
-    "bold": 600
+    "bold": 600,
+    "heading": 500
   },
 
   "space": {
@@ -78,7 +79,7 @@
 
     "grey-0": "#FFFFFF",
     "grey-05": "#F7F7F7",
-    "grey-10": "#F2F2F3",
+    "grey-10": "#F2F2F7",
     "grey-20": "#DFDFE1",
     "grey-30": "#C2C4C8",
     "grey-40": "#ADAFB3",
@@ -145,6 +146,7 @@
         "color": "white"
       },
       "height": 420,
+      "boxSizing": "border-box",
       "*": {
         "zIndex": 1
       },
@@ -219,26 +221,12 @@
     }
   },
 
-  "elements": {
-    "list": {
-      "bullet": {
-        "color": "grey-80"
-      },
-      "numeric": {
-        "color": "grey-80",
-        "::before": {
-          "content": "\" - \" counter(li)",
-          "left": "-2em",
-          "width": "2.5em"
-        }
-      }
-    }
-  },
-
   "compounds": {
     "card": {
       "itemsPerRow": [1],
       "base": {
+        "backgroundColor": "grey-10",
+        "transition": "all 0.3s ease",
         "width": "100%",
         "height": "100%",
         "borderStyle": "solid",
@@ -297,6 +285,24 @@
             "variant": "compounds.card.base.link"
           },
           "variant": "compounds.card.base"
+        },
+        "horizontal": {
+          "variant": "compounds.card.base",
+          "display": "flex",
+          "flexDirection": "row-reverse",
+          "alignItems": "start",
+          "image": {
+            "pt": "lg",
+            "width": 250
+          },
+
+          "content": {
+            "width": 670,
+            "variant": "compounds.card.base.content"
+          },
+          "link": {
+            "variant": "compounds.card.base.link"
+          }
         }
       }
     },
@@ -517,6 +523,15 @@
     }
   },
 
+  "list": {
+    "bullet": {
+      "color": "grey-80"
+    },
+    "numeric": {
+      "color": "grey-80"
+    }
+  },
+
   "callOut": {
     "main": {
       "backgroundColor": "grey-10",
@@ -641,6 +656,12 @@
     "image-link": {
       "height": [48, 48],
       "width": [48, 48]
+    },
+    "link": {
+      "fontWeight": "base"
+    },
+    "text": {
+      "fontWeight": "base"
     }
   },
 
@@ -736,67 +757,63 @@
       "fontFamily": "heading",
       "color": "grey-90",
       "lineHeight": "heading",
-      "fontWeight": "base"
+      "fontWeight": "heading",
+      "m": 0
     },
 
     "h1": {
       "variant": "styles.heading",
       "fontSize": ["xxl", "xxxl"],
-      "marginTop": 0,
-      "marginBottom": "sm"
+      "my": "md"
     },
 
     "h2": {
       "variant": "styles.heading",
       "fontSize": ["xl", "xxl"],
-      "marginTop": "md",
-      "marginBottom": "sm"
+      "my": "md"
     },
 
     "h3": {
       "variant": "styles.heading",
       "fontSize": ["lg", "xl"],
-      "marginY": "sm"
+      "my": "sm"
     },
 
     "h4": {
       "variant": "styles.heading",
       "fontSize": ["md", "lg"],
-      "marginTop": 0,
-      "marginBottom": "sm"
+      "my": "sm"
     },
 
     "h5": {
       "variant": "styles.heading",
       "fontSize": ["sm","md"],
-      "marginTop": 0,
-      "marginBottom": "sm"
+      "my": "sm"
     },
 
     "h6": {
       "variant": "styles.heading",
       "fontSize": "sm",
-      "marginTop": 0,
-      "marginBottom": "sm"
+      "my": "sm"
     },
 
     "p": {
-      "mt": 0,
-      "mb": "base"
+      "mb": "sm",
+      "lineHeight": "base"
     },
 
     "root": {
       "fontFamily": "base",
-      "fontSize": "base",
+      "fontSize": "md",
       "fontWeight": "base",
       "lineHeight": "base",
-      "color": "grey-100",
+      "color": "grey-80",
       "-webkit-font-smoothing": "antialiased",
       "-moz-osx-font-smoothing": "grayscale"
     },
 
     "a": {
-      "color": "inherit",
+      "color": "brand",
       "stroke": "currentColor",
       "textDecoration": "underline",
       "transition": "opacity 0.2s ease",