import Typography from "typography"
import lincolnTheme from "typography-theme-lincoln"

lincolnTheme.baseFontSize = "16px"
lincolnTheme.googleFonts = []
lincolnTheme.overrideThemeStyles = () => ({
  "code[class*=language-], pre[class*=language-]": {
    fontFamily: "Hack, monospace",
    fontFeatureSettings: '"liga" 0',
    MozFontFeatureSettings: '"liga" 0',
    WebkitFontFeatureSettings: '"liga" 0',
  },
})

const typography = new Typography(lincolnTheme)
const { rhythm, scale } = typography

export { rhythm, scale, typography as default }

@@ -29,16 +29,85 @@
 graphy%22%0A
+import %7B MOBILE_MEDIA_QUERY %7D from %22typography-breakpoint-constants%22%0A
 import l
@@ -151,16 +151,52 @@
 ncoln%22%0A%0A
+export const linkColor = %22#0f7b3b%22%0A%0A
 lincolnT
@@ -292,15 +292,282 @@
  = (
-) =%3E (%7B
+%7B rhythm %7D) =%3E (%7B%0A  a: %7B%0A    color: linkColor,%0A    backgroundImage: %60linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 1px, $%7BlinkColor%7D 1px, $%7BlinkColor%7D 2px, rgba(0, 0, 0, 0) 2px)%60,%0A  %7D,%0A  blockquote: %7B%0A    borderLeft: %60$%7Brhythm(6 / 16)%7D solid $%7BlinkColor%7D%60,%0A  %7D,
 %0A  %22
@@ -776,16 +776,130 @@
 ',%0A  %7D,%0A
+  %5BMOBILE_MEDIA_QUERY%5D: %7B%0A    blockquote: %7B%0A      borderLeft: %60$%7Brhythm(3 / 16)%7D solid $%7BlinkColor%7D%60,%0A    %7D,%0A  %7D,%0A
 %7D)%0A%0Acons

Update link color